❤
npm
Sign UpSign In

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

Readme

Keywords

none

Package Sidebar

Install

npm i react-waterfall-redux-devtools-middleware

Repository

github.com/elisherer/react-waterfall-redux-devtools-middleware

Homepage

github.com/elisherer/react-waterfall-redux-devtools-middleware#readme

Weekly Downloads

0

Version

3.0.2

License

MIT

Unpacked Size

12.7 kB

Total Files

6

Last publish

Collaborators

  • elisherer
Try on RunKit
Report malware