Skip to content

YoruNoHikage/redux-devtools-multiple-monitors

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Name Description
style If 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