redux-devtools/packages/redux-devtools-app

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.
• intellij-redux-devtools - Used in IntelliJ IDEA.

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 - string
  • port - number or string
  • autoReconnect - boolean
  • secure - 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 to true in order to hide settings button and dialog.

License

MIT