Skip to content

Commit 456f7cf

Browse files
committed
Update README
1 parent 249be38 commit 456f7cf

File tree

1 file changed

+47
-49
lines changed

1 file changed

+47
-49
lines changed

README.md

Lines changed: 47 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -17,55 +17,53 @@
1717
- or build it with `npm i & npm run build:extension` and [load the extension's folder](https://developer.chrome.com/extensions/getstarted#unpacked) `./build/extension`
1818
- or run it in dev mode with `npm i & npm start` and [load the extension's folder](https://developer.chrome.com/extensions/getstarted#unpacked) `./dev`.
1919

20-
#### 2. Use with
21-
22-
##### **[Redux](https://github.com/rackt/redux)**<br/>
23-
Just update your [configureStore](https://github.com/zalmoxisus/redux-devtools-extension/commit/9c631ef66f53e51f34b55f4642bd9ff2cbc7a992):
24-
```javascript
25-
export default function configureStore(initialState) {
26-
const store = createStore(reducer, initialState, compose(
27-
applyMiddleware(...middleware)
28-
));
29-
return store;
30-
}
31-
```
32-
*becomes*
33-
```javascript
34-
export default function configureStore(initialState) {
35-
const store = createStore(reducer, initialState, compose(
36-
applyMiddleware(...middleware),
37-
window.devToolsExtension ? window.devToolsExtension() : f => f
38-
));
39-
return store;
40-
}
41-
```
42-
or [if you don't have other store enhancers and middlewares](https://github.com/zalmoxisus/redux-devtools-extension/commit/f26975cccff37f477001158019be7c9c9cb721b1):
43-
```javascript
44-
export default function configureStore(initialState) {
45-
const store = createStore(reducer, initialState,
46-
window.devToolsExtension ? window.devToolsExtension() : undefined
47-
);
48-
return store;
49-
}
50-
```
51-
*or for universal (isomorphic) apps*
52-
```javascript
53-
typeof window === 'object' && typeof window.devToolsExtension !== 'undefined' ? window.devToolsExtension() : f => f
54-
```
55-
You can use it together with vanilla Redux DevTools as a fallback, but not both simultaneously:
56-
```js
57-
window.devToolsExtension ? window.devToolsExtension() : DevTools.instrument()
58-
```
59-
[Make sure not to render DevTools when using the extension](https://github.com/zalmoxisus/redux-devtools-extension/issues/57) or you'll probably want to render the monitor from vanilla DevTools as follows:
60-
```js
61-
{ !window.devToolsExtension ? <DevTools /> : null }
62-
```
63-
64-
- **For React Native, hybrid, desktop and server side Redux apps**<br/>
65-
Include [`Remote Redux DevTools`](https://github.com/zalmoxisus/remote-redux-devtools), and on the extension's context choose 'Open Remote DevTools' or press Alt+Shift+arrow up for remote monitoring.
66-
67-
- **[Freezer](https://github.com/arqex/freezer)**<br/>
68-
Just use [supportChromeExtension](https://github.com/arqex/freezer-redux-devtools#using-redux-devtools-chrome-extension) from `freezer-redux-devtools/freezer-redux-middleware`.
20+
#### 2. Use with [Redux](https://github.com/rackt/redux)
21+
Just update your [configureStore](https://github.com/zalmoxisus/redux-devtools-extension/commit/9c631ef66f53e51f34b55f4642bd9ff2cbc7a992):
22+
```javascript
23+
export default function configureStore(initialState) {
24+
const store = createStore(reducer, initialState, compose(
25+
applyMiddleware(...middleware)
26+
));
27+
return store;
28+
}
29+
```
30+
*becomes*
31+
```javascript
32+
export default function configureStore(initialState) {
33+
const store = createStore(reducer, initialState, compose(
34+
applyMiddleware(...middleware),
35+
window.devToolsExtension ? window.devToolsExtension() : f => f
36+
));
37+
return store;
38+
}
39+
```
40+
or [if you don't have other store enhancers and middlewares](https://github.com/zalmoxisus/redux-devtools-extension/commit/f26975cccff37f477001158019be7c9c9cb721b1):
41+
```javascript
42+
export default function configureStore(initialState) {
43+
const store = createStore(reducer, initialState,
44+
window.devToolsExtension ? window.devToolsExtension() : undefined
45+
);
46+
return store;
47+
}
48+
```
49+
*or for universal (isomorphic) apps*
50+
```javascript
51+
typeof window === 'object' && typeof window.devToolsExtension !== 'undefined' ? window.devToolsExtension() : f => f
52+
```
53+
You can use it together with vanilla Redux DevTools as a fallback, but not both simultaneously:
54+
```js
55+
window.devToolsExtension ? window.devToolsExtension() : DevTools.instrument()
56+
```
57+
[Make sure not to render DevTools when using the extension](https://github.com/zalmoxisus/redux-devtools-extension/issues/57) or you'll probably want to render the monitor from vanilla DevTools as follows:
58+
```js
59+
{ !window.devToolsExtension ? <DevTools /> : null }
60+
```
61+
62+
##### For React Native, hybrid, desktop and server side Redux apps
63+
Include [`Remote Redux DevTools`](https://github.com/zalmoxisus/remote-redux-devtools), and on the extension's context choose 'Open Remote DevTools' or press Alt+Shift+arrow up for remote monitoring.
64+
65+
##### For [Freezer](https://github.com/arqex/freezer)
66+
Just use [supportChromeExtension](https://github.com/arqex/freezer-redux-devtools#using-redux-devtools-chrome-extension) from `freezer-redux-devtools/freezer-redux-middleware`.
6967

7068
## API
7169
`window.devToolsExtension([config])`

0 commit comments

Comments
 (0)