Redux

import { Redux } from '@hullo/core'
Redux is created with a set of reducers and initial state. Reducers are put into an object where keys are action tags and properties are reducing functions. Each said function will receive a state and action payload (not whole action) and should return new state (optionally - asynchronously, with a Promise).
Redux, like Atom, has unwrap method that allows for synchronous access to stored value.
Redux::next should be provided with an object of shape:
{
  action: ACTION,
  data: ACTION_DATA
}
Consider this example:
const redux = new Redux(
  {
    addNumber(state, data: number) {
      return { state: [...state, data] };
    },
    async addString(state, data: string) {
      return {
        state: [...state, data],
        effects: [
          { type: "success", data: null }
        ]
      };
    },
    success(state) {
      // this is just for demonstration sake
      // you should try to make actions without side-effects
      console.log("🎉 success!");
      return state;
    }
  },
  new Array<string | number>()
);
​
await redux.next({ type: "addNumber", data: 0 });
// redux.unwrap() is [0]
​
await redux.next({ type: "addString", data: "a" });
// redux.unwrap() is [0, "a"]
Atom
Last updated 1 year ago