mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2024-11-10 19:56:54 +03:00
docs(*): update docs for scoped packages (#704)
This commit is contained in:
parent
984096ffde
commit
511c974e63
|
@ -1,6 +1,6 @@
|
||||||
## Remote monitoring
|
## Remote monitoring
|
||||||
|
|
||||||
By installing [`redux-devtools-cli`](https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-cli#usage), starting the server server and launching the Redux DevTools app (`redux-devtools --open`), you can connect any remote application, even not javascript. There are some integrations for javascript like [remote-redux-devtools](https://github.com/zalmoxisus/remote-redux-devtools) and [remotedev](https://github.com/zalmoxisus/remotedev), but the plan is to deprecate them and support it out of the box from the extension without a websocket server. It is more useful for non-js apps.
|
By installing [`@redux-devtools/cli`](https://github.com/reduxjs/redux-devtools/tree/master/packages/redux-devtools-cli#usage), starting the server server and launching the Redux DevTools app (`redux-devtools --open`), you can connect any remote application, even not javascript. There are some integrations for javascript like [remote-redux-devtools](https://github.com/zalmoxisus/remote-redux-devtools) and [remotedev](https://github.com/zalmoxisus/remotedev), but the plan is to deprecate them and support it out of the box from the extension without a websocket server. It is more useful for non-js apps.
|
||||||
|
|
||||||
### WebSocket Clients
|
### WebSocket Clients
|
||||||
|
|
||||||
|
|
|
@ -12,14 +12,14 @@ It’s more steps, but you will have full control over monitors and their config
|
||||||
### Installation
|
### Installation
|
||||||
|
|
||||||
```
|
```
|
||||||
npm install --save-dev redux-devtools
|
npm install --save-dev @redux-devtools/core
|
||||||
```
|
```
|
||||||
|
|
||||||
You’ll also likely want to install some monitors:
|
You’ll also likely want to install some monitors:
|
||||||
|
|
||||||
```
|
```
|
||||||
npm install --save-dev redux-devtools-log-monitor
|
npm install --save-dev @redux-devtools/log-monitor
|
||||||
npm install --save-dev redux-devtools-dock-monitor
|
npm install --save-dev @redux-devtools/dock-monitor
|
||||||
```
|
```
|
||||||
|
|
||||||
### Usage
|
### Usage
|
||||||
|
@ -34,11 +34,11 @@ Somewhere in your project, create a `DevTools` component by passing a `monitor`
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
|
|
||||||
// Exported from redux-devtools
|
// Exported from redux-devtools
|
||||||
import { createDevTools } from 'redux-devtools';
|
import { createDevTools } from '@redux-devtools/core';
|
||||||
|
|
||||||
// Monitors are separate packages, and you can make a custom one
|
// Monitors are separate packages, and you can make a custom one
|
||||||
import LogMonitor from 'redux-devtools-log-monitor';
|
import LogMonitor from '@redux-devtools/log-monitor';
|
||||||
import DockMonitor from 'redux-devtools-dock-monitor';
|
import DockMonitor from '@redux-devtools/dock-monitor';
|
||||||
|
|
||||||
// createDevTools takes a monitor and produces a DevTools component
|
// createDevTools takes a monitor and produces a DevTools component
|
||||||
const DevTools = createDevTools(
|
const DevTools = createDevTools(
|
||||||
|
@ -113,7 +113,7 @@ If you’d like, you may add another store enhancer called `persistState()`. It
|
||||||
|
|
||||||
```js
|
```js
|
||||||
// ...
|
// ...
|
||||||
import { persistState } from 'redux-devtools';
|
import { persistState } from '@redux-devtools/core';
|
||||||
|
|
||||||
const enhancer = compose(
|
const enhancer = compose(
|
||||||
// Middleware you want to use in development:
|
// Middleware you want to use in development:
|
||||||
|
@ -190,7 +190,7 @@ export default function configureStore(initialState) {
|
||||||
|
|
||||||
```js
|
```js
|
||||||
import { createStore, applyMiddleware, compose } from 'redux';
|
import { createStore, applyMiddleware, compose } from 'redux';
|
||||||
import { persistState } from 'redux-devtools';
|
import { persistState } from '@redux-devtools/core';
|
||||||
import rootReducer from '../reducers';
|
import rootReducer from '../reducers';
|
||||||
import DevTools from '../containers/DevTools';
|
import DevTools from '../containers/DevTools';
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user