Learning Redux

Rendering DevTools

Finally, we will need to include the DevTools component somewhere in our application to make sure that React displays it:

1. We already have a file that contains our whole application, src/components/App.jsx. Edit this file and import the DevTools component at the beginning of the file:

import DevTools from '../containers/DevTools.jsx'

2. Now we can use our DevTools component in the App component:

const App = ({ store }) =>  <Provider store={store}>    <div>      <h1>React/Redux blog app</h1>      <div><ConnectedFilterList /></div>      <div><ConnectedPostList /></div>      <DevTools />    </div>  </Provider>

Note that we have to pass our Redux store to the DevTools component via the store property or using <Provider>. Otherwise, the component will ...