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:

1. 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 from CH07. 
2. Install redux-devtools using yarn or npm:

yarn add redux-devtools --dev --exact
or
npm install --save-dev redux-devtools

3. Create a DevTools component inside the container (app/containers/DevTools.js):

import React from 'react';
import { createDevTools } from 'redux-devtools';
import LogMonitor from 'redux-devtools-log...