enhanced-reducer
TypeScript icon, indicating that this package has built-in type declarations

0.0.7 • Public • Published

Enhanced reducer

NPM

An enhanced version of react's useReducer which supports middleware and static getState callback.

API

export const useEnhancedReducer

  • Parameters (reducer, initState, initializer, middlewares = [])
  • Return [state, dispatch, getState]

The useEnhancedReducer is fully compatible with useReducer. The returned value is sample as of useReducer, except the additional last value getState.

The getState is guaranteed to unchanged (like dispatch).

useEnhancedReducer also accepts middlewares parameter.

Sample middleware:

const logMiddleware = state => getState => next => action => {
  console.log('before action', action, getState())
  next(action)
  console.log('after action', action, getState()) // *NOTE*: because `dispatch(action)`` is not synchronous. it does not guarantee that this getState() call return the value after the action is applied.
}

Usage samples and tests

Check my blog post or these two codepens: 1, 2.

/enhanced-reducer/

    Package Sidebar

    Install

    npm i enhanced-reducer

    Weekly Downloads

    1

    Version

    0.0.7

    License

    MIT

    Unpacked Size

    3.35 kB

    Total Files

    5

    Last publish

    Collaborators

    • tranvansang