Nutmeg Pumpkin Macchiato

    react-waterfall-redux-devtools-middleware

    3.0.2 • Public • Published

    npm version

    react-waterfall-redux-devtools-middleware

    An integration between react-waterfall and redux-devtools-extension for action monitoring and time travel

    screenshot

    Example

    import { initStore } from 'react-waterfall'
    import reduxDevTools from 'react-waterfall-redux-devtools-middleware'
     
    const store = {
      initialState: { count: 0 },
      actions: {
        increment: ({ count }) => ({ count: count + 1 }),
      },
    }
     
    const { Provider, connect } = initStore(store, reduxDevTools())
     
    let Count = ({ count, actions }) => (
      <>
        {count}
        <button onClick={actions.increment}>+</button>
      </>
    )
     
    Count = connect(state => ({ count: state.count }))(Count)
     
    const App = () => (
      <Provider>
        <Count />
      </Provider>
    )

    Using the middleware

    yarn add react-waterfall-redux-devtools-middleware

    You create the middleware by:

    import reduxDevTools from 'react-waterfall-redux-devtools-middleware'
    ...
    const { ... } = initStore(store, reduxDevTools(options))
    • You can ommit the options argument and get the defaults (i.e. reduxDevTools()).
    Options
    Option Type Description Default value
    instanceId Number The instance of the store, needs to be different if you used initStore several times 1
    maxAge Number (>1) maximum allowed actions to be stored in the history tree 50

    Keywords

    none

    Install

    npm i react-waterfall-redux-devtools-middleware

    DownloadsWeekly Downloads

    1

    Version

    3.0.2

    License

    MIT

    Unpacked Size

    12.7 kB

    Total Files

    6

    Last publish

    Collaborators

    • elisherer