Hook: useReduxReducer

useReduxReducer.js

function useReduxReducer(reducer, initialState, initializer, middleware) {
  const lastState = useRef(initialState)
  const enhancedReducer = (state, action) => lastState.current = reducer(state, action)

  const [state, dispatchOriginal] = useReducer(
    enhancedReducer,
    initialState,
    initializer
  );

  const store = useRef({
    getState() {
      return lastState.current;
    },
    dispatch(action) {
      return dispatchInternal.current(action);
    },
  });

  var dispatchInternal = useRef(
    middleware
      .reverse()
      .map((m) => m(store.current))
      .reduce((d, m) => m(d), dispatchOriginal)
  );


  return [state, store.current.dispatch];
}