redux-devtools.jsx

// Derived from example in https://github.com/gaearon/redux-devtools/blob/master/docs/Walkthrough.md

import React from 'react';

// Exported from redux-devtools
import { createDevTools } from 'redux-devtools';

// Monitors are separate packages, and you can make a custom one
import LogMonitor from 'redux-devtools-log-monitor';
import DockMonitor from 'redux-devtools-dock-monitor';

// createDevTools takes a monitor and produces a DevTools component
const DevTools = createDevTools(
  // Monitors are individually adjustable with props.
  // Consult their repositories to learn about those props.
  // Here, we put LogMonitor inside a DockMonitor.
  // Note: DockMonitor is visible by default.
  <DockMonitor toggleVisibilityKey='ctrl-shift-L'
               changePositionKey='ctrl-alt-shift-L'
               defaultIsVisible={false}>
    <LogMonitor />
  </DockMonitor>
);

export default DevTools;