sthore

Generator powered store/dispatcher; supports custom middlewares and action listeners. Comes with action loader in the package.

USAGE

Refer to sthore.spec.js

const { Sthore, STATE_CHANGED } = require("sthore");

const initialState = {};
const sthore = Sthore(initialState);

// middlewares
// are special functions that get called on every action dispatch

// pre will get called before any of the actions are processed
sthore.use("pre", (actionName, payload) => {
  console.log("pre-middleware logger", actionName, payload);
});

// post are called right after all actions have been processed
sthore.use("post", (actionName, payload) => {
  console.log("post-middleware logger", actionName, payload);
});

// state changed action

sthore.on(STATE_CHANGED, ({ key, value, oldValue }) =>
  console.log("state changed:", key, value, oldValue)
);

sthore.setState("someKey", "someValue");
// -> state changed: someKey someValue undefined
sthore.setState("someKey", "someNewValue");
// -> state changed: someKey someNewValue someValue

// custom action

const actionName = "CustomAction";
const customAction = msg => console.log(msg);

sthore.on(actionName, customAction);

// we'll run pre middlewares, then all action listeners , then post middleware
sthore.dispatch(actionName, "custom payload!");

sthore.removeListener(actionName, customAction);

// action loader

const { actionLoader } = require("sthore");
const actions = actionLoader(__dirname + "/actions");

Object.keys(actions).forEach(name => sthore.on(name, actions[name]));