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]));