Integrating Redux DevTools
There are two versions of Redux DevTools:
- Redux DevTools: The official implementation of developer tools for Redux, implemented and maintained by Dan Abramov (the creator of Redux). https://github.com/gaearon/redux-devtools
- Redux DevTools Extension: A browser extension that implements the same developer tools for Redux. https://github.com/zalmoxisus/redux-devtools-extension
Installing Redux DevTools
In this section, we are going to install Redux DevTools and understand how it works:
- Start with code from Chapter 6, Extending Redux by Middleware, which can be found in theÂ
CH06 GitHub repository. The working code from this chapter can be downloaded fromCH07. - InstallÂ
redux-devtoolsusingyarnornpm:
yarn add redux-devtools --dev --exact or npm install --save-dev redux-devtools
- Create a
DevToolscomponent inside the container (app/containers/DevTools.js):
import React from 'react';
import { createDevTools } from 'redux-devtools';
import LogMonitor from 'redux-devtools-log...
