redux-devtools-monitor-dock

Installation

npm i redux-devtools-monitor-dock --save-dev

Usage

To use it with redux-devtools in your project you only need to add

  import {CompositeMonitor, debugPanelDecorator} from 'redux-devtools-monitor-dock';
  ...
   <DebugPanel top left bottom>
     <DevTools store={store}
               monitor={CompositeMonitor}
               monitors={{
                      'log': debugPanelDecorator({top:true, right:true, bottom:true})(LogMonitor),
                      'test': debugPanelDecorator({top:true, right:true, bottom:true})(TestMonitor),
                      'slider': debugPanelDecorator({left:true, right:true, bottom:true})(SliderMonitor),
                      'diff': DiffMonitor
                     }}/>
   </DebugPanel>

(look at */todomvc/containers/App.js file)

Running Examples

You can do this:

git clone https://github.com/lapanoid/redux-devtools-monitor-dock.git
cd redux-devtools
npm install

cd examples/todomvc
npm install
npm start
open http://localhost:3000

License

MIT