how to use redux dev tools extension code example

Example 1: redux-devtools-extension npm

npm install --save redux-devtools-extension

Example 2: redux devtools

//without middleware
window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()

// With middleware
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
const store = createStore(reducer, composeWithDevTools(
  applyMiddleware(...middleware),

Example 3: redux devtools

import { createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';

const store = createStore(reducer, composeWithDevTools(
  applyMiddleware(...middleware),
  // other store enhancers if any
));

Tags:

Misc Example