Home

Awesome

Redux DevTools Multiple Monitors

Integrate multiple monitors to your redux devtools.

npm version

Installation

npm install --save-dev redux-devtools-multiple-monitors

Usage

You can use <MultipleMonitors> to use multiple monitors into the <DockMonitor> for example :

import React from 'react';

import { createDevTools } from 'redux-devtools';
import LogMonitor from 'redux-devtools-log-monitor';
import DockMonitor from 'redux-devtools-dock-monitor';
import Dispatcher from 'redux-devtools-dispatch';
import MultipleMonitors from 'redux-devtools-multiple-monitors';

export default createDevTools(
  <DockMonitor toggleVisibilityKey="ctrl-h" changePositionKey="ctrl-q" defaultIsVisible={false}>
    <MultipleMonitors>
      <LogMonitor />
      <Dispatcher />
    </MultipleMonitors>
  </DockMonitor>
);

Props

NameDescription
styleIf you want to display different monitors in different places, you need to override this property using something like Flexbox

Contributing

As this package is my second (first is redux-devtools-dispatch), any comment, pull request, issue is welcome so I can learn more from everyone.

License

MIT