redux-devtools-dock-monitor alternatives and similar libraries
Based on the "Redux" category.
Alternatively, view redux-devtools-dock-monitor alternatives based on common mentions on social networks and blogs.
-
Reactime 6.0: State Debugger for React
Developer tool for time travel debugging and performance monitoring in React applications. -
#<Sawyer::Resource:0x00007f8b44d36950>
基于React开发的新一代web调试工具,支持React组件调试,类似于Chrome Devtools。A Lightweight, Easy To Extend Web Debugging Tool Build With React -
react-redux-api-tools
A set of tools to facilitate react-redux development and decouple logic from compontents
SaaSHub - Software Alternatives and Reviews
Do you think we are missing an alternative of redux-devtools-dock-monitor or a related project?
README
Redux DevTools Dock Monitor
A resizable and movable dock for Redux DevTools.
Powered by React Dock.
Installation
npm install --save-dev redux-devtools-dock-monitor
Usage
Wrap any other Redux DevTools monitor in DockMonitor
to make it dockable to different screen edges.
For example, you can use it together with LogMonitor
:
containers/DevTools.js
import React from 'react';
import { createDevTools } from 'redux-devtools';
import LogMonitor from 'redux-devtools-log-monitor';
import SliderMonitor from 'redux-slider-monitor';
import DockMonitor from 'redux-devtools-dock-monitor';
export default createDevTools(
<DockMonitor toggleVisibilityKey='ctrl-h'
changePositionKey='ctrl-q'
changeMonitorKey='ctrl-m'>
<LogMonitor />
<SliderMonitor />
</DockMonitor>
);
Read how to start using Redux DevTools.
Multiple Monitors
You can put more than one monitor inside <DockMonitor>
. There will still be a single dock, but you will be able to switch between different monitors by pressing a key specified as changeMonitorKey
prop.
Props
Name | Description |
---|---|
children |
Any valid Redux DevTools monitor. Required. |
toggleVisibilityKey |
A key or a key combination that toggles the dock visibility. Must be recognizable by parse-key (for example, 'ctrl-h' ). Required. |
changePositionKey |
A key or a key combination that toggles the dock position. Must be recognizable by parse-key (for example, 'ctrl-w' ). Required. |
changeMonitorKey |
A key or a key combination that switches the currently visible monitor. Must be recognizable by parse-key (for example, 'ctrl-m' ). Required if you use more than one monitor. |
fluid |
When true , the dock size is a fraction of the window size, fixed otherwise. Optional. By default set to true . |
defaultSize |
Size of the dock. When fluid is true , a float (0.5 means half the window size). When fluid is false , a width in pixels. Optional. By default set to 0.3 (3/10th of the window size). |
defaultPosition |
Where the dock appears on the screen. Valid values: 'left' , 'top' , 'right' , 'bottom' . Optional. By default set to 'right' . |
defaultIsVisible |
Defines whether dock should be open by default. A value of true means that it's open when the page/app loads. |
The current size and the position are persisted between sessions with persistState()
enhancer from Redux DevTools.
License
MIT
*Note that all licence references and agreements mentioned in the redux-devtools-dock-monitor README section above
are relevant to that project's source code only.