Redux减速机的替代品

将库包装在配置函数中,该函数要求用户提供 selector ,它指向减速器所处的状态。

此外,如果用户访问您的状态(现在不是这样),您可以提供选择器来使用该状态,而不必知道它的结构。

一般非工作示例:

const createSelectors = (mainSelector) => ({
  selectorA: (state) => mainSelector(state).dataA,
  selectorB: (state) => mainSelector(state).dataB,
});

const createMiddlewares = (actionTypes, selectors) => {
  const middlewareA = ({ getState, dispatch }) => 
    next => action => {
      const myStateA = selectors.selectorA(getState());
    };

  return {
      middlewareA
  };
};

const factory = (mainSelector = ({ myState }) => myState) => {
  const actionTypes = {};
  const actions = {};
  const reducer = () => {};
  const selectors = createSelectors(mainSelector);
  const middleware = createMiddlewares(actionTypes, selectors);

  return {
    actionTypes,
    actions,
    reducer,
    middleware,
    selectors
  };
};

这个包最小化了对写减速机的需求,因为它使用了带有操作的自动合并功能。对于数组也有一些解决方案。 https://www.npmjs.com/package/micro-reducers