How to enable Redux DevTools in Chrome

Setting up Redux DevTools is a bit more complicated than just installing a chrome extension (but not much).

Getting this set up will make development with Redux a bit easier since you can see your actions and examine your state.

Let’s get started.

First, go download the Chrome extension here: https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd

Now, you need to add some code in your Index.js file. Add the following code.

import {createStore, applyMiddleware, compose} from 'redux'


const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

const store = createStore(reducers, composeEnhancers(applyMiddleware()))

The important part is setting getting compose from redux, setting up the composeEnhancers and then putting that code in your store.