mirror of
				https://github.com/reduxjs/redux-devtools.git
				synced 2025-11-04 01:47:25 +03:00 
			
		
		
		
	
		
			
				
	
	
		
			42 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			42 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
# Redux DevTools monitor app
 | 
						|
 | 
						|

 | 
						|
 | 
						|
Web, Electron and Chrome app for monitoring [remote-redux-devtools](https://github.com/zalmoxisus/remote-redux-devtools).
 | 
						|
 | 
						|
Also it's a react component you can use to build amazing monitor applications like:
 | 
						|
 | 
						|
- [redux-devtools-extension](https://github.com/zalmoxisus/redux-devtools-extension).
 | 
						|
- [react-native-debugger](https://github.com/jhen0409/react-native-debugger) - Electron app, which already includes `remotedev-server`, `redux-devtools-app` and even React DevTools.
 | 
						|
- [remote-redux-devtools-on-debugger](https://github.com/jhen0409/remote-redux-devtools-on-debugger) - Used in React Native debugger as a dock monitor.
 | 
						|
- [atom-redux-devtools](https://github.com/zalmoxisus/atom-redux-devtools) - Used in Atom editor.
 | 
						|
- [vscode-redux-devtools](https://github.com/jkzing/vscode-redux-devtools) - Used in Visual Studio Code.
 | 
						|
- [intellij-redux-devtools](https://github.com/takanuva15/intellij-redux-devtools) - Used in IntelliJ IDEA.
 | 
						|
 | 
						|
### Usage
 | 
						|
 | 
						|
```js
 | 
						|
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
 |