Repository files navigation

This package was merged intoredux-devtools monorepo. Please refer to that repository for the latest updates, issues and pull requests.

A custom monitor for use withRedux DevTools.

It uses a slider based onreact-slider to slide between different recorded actions. It also features play/pause/step-through, which is inspired by some very coolElmexamples.

Try out the demo!

npm install redux-slider-monitor

Use withDockMonitor

<DockMonitortoggleVisibilityKey='ctrl-h'changePositionKey='ctrl-q'defaultPosition='bottom'defaultSize={0.15}><SliderMonitorkeyboardEnabled/></DockMonitor>

Dispatch some Redux actions. Use the slider to navigate between the state changes.

Click the play/pause buttons to watch the state changes over time, or step backward or forward in state time with the left/right arrow buttons. Change replay speeds with the1x button, and "Live" will replay actions with the same time intervals in which they originally were dispatched.

Pass thekeyboardEnabled prop to use these shortcuts

ctrl+j: play/pause

ctrl+[: step backward

ctrl+]: step forward

You can do this:

git clone https://github.com/calesce/redux-slider-monitor.gitcd redux-slider-monitornpm installcd examples/todomvcnpm installnpm startopen http://localhost:3000

MIT