react with chrome redux-devtools-extension

Step 1: Add redux-devtools extetion to Chrome

https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=en

Step 2: Add to CreateStore function

2-a: without middleware

1
2
3
4
const store = createStore(
  reducer,
  window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() // Add this
);

2-b: with middlewares

  1. Install redux-devtools-extension
1
yarn add redux-devtools-extension
  1. Edit createStore function
1
2
3
4
5
6
7
import { composeWithDevTools } from 'redux-devtools-extension';

const middlewares = [thunk];
const store = createStore(
  reducer,
  composeWithDevTools(applyMiddleware(...middlewares))
);

References