Repository files navigation

5.0 has been released with support for React 15. It contains other improvements to performance (such as calculating diff only when an action is expanded) and some cosmetic changes.

This project provides an alternate monitor for Redux DevTools. The primary goal of this monitor is to highlight thechanges to an application's state from action to action. This tool includes the main features from the default DevToolsmonitor (rollback, commit, reset and individual action toggles).

See the Redux Devtoolsdocumentationfor full details about how to use monitors.

To use Diff Monitor by itself along with Redux Devtools, simply pass it to thecreateDevTools function directly.

Install from npm:npm install --save-dev redux-devtools redux-devtools-diff-monitor

importReactfrom'react';import{createDevTools}from'redux-devtools';importDiffMonitorfrom'redux-devtools-diff-monitor';exportdefaultcreateDevTools(<DiffMonitor/>);

TheDockMonitor component provides common dockingfunctionality that makes monitors easier to work with. See thedocumentation for additional details.

Install from npm:npm install --save-dev redux-devtools-dock-monitor redux-devtools-diff-monitor

importReactfrom'react';import{createDevTools}from'redux-devtools';importDiffMonitorfrom'redux-devtools-diff-monitor';importDockMonitorfrom'redux-devtools-dock-monitor';exportdefaultconstDevTools=createDevTools(<DockMonitortoggleVisibilityKey='ctrl-h'changePositionKey='ctrl-q'><DiffMonitortheme='tomorrow'/></DockMonitor>);

• New actions appear at the top of the monitor as they occur.
• Actions will be minimized by default; actions shown in green are causing a state mutation.
• Click an action name to expand its pane to view the state mutations the action caused.
• Click "disable" next to any action name to ignore that action and roll back the state mutations that action caused.
• As in the default Redux DevTools, click 'Commit' to reset the monitor and set the current app state as the rollbackpoint. If you click rollback after clicking commit, actions will be replayed through the commit point.