mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2024-11-10 19:56:54 +03:00
846ded1c74
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> |
||
---|---|---|
.. | ||
assets | ||
demo | ||
src | ||
test | ||
.eslintignore | ||
.eslintrc.js | ||
babel.config.esm.json | ||
babel.config.json | ||
buildUmd.mjs | ||
CHANGELOG.md | ||
jest.config.js | ||
LICENSE.md | ||
package.json | ||
README.md | ||
tsconfig.demo.json | ||
tsconfig.json | ||
tsconfig.test.json | ||
tsconfig.webpack.json | ||
webpack.config.ts |
Redux DevTools monitor app
Web, Electron and Chrome app for monitoring remote-redux-devtools.
Also it's a react component you can use to build amazing monitor applications like:
- redux-devtools-extension.
- react-native-debugger - Electron app, which already includes
remotedev-server
,redux-devtools-app
and even React DevTools. - remote-redux-devtools-on-debugger - Used in React Native debugger as a dock monitor.
- atom-redux-devtools - Used in Atom editor.
- vscode-redux-devtools - Used in Visual Studio Code.
Usage
import React from 'react';
import ReactDOM from 'react-dom/client';
import { Root } from '@redux-devtools/app';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<Root />);
Parameters
socketOptions
- object used to specify predefined options for the connection:hostname
- stringport
- number or stringautoReconnect
- booleansecure
- boolean.
monitorOptions
- object used to specify predefined monitor options:selected
- string - which monitor is selected by default. One of the following values:LogMonitor
,InspectorMonitor
,ChartMonitor
.
testTemplates
- array of strings representing predefined test templates.noSettings
- boolean set totrue
in order to hide settings button and dialog.
License
MIT