Learning Redux

Using the component

We have successfully implemented the loading indicator. Now, all that's left to do is use it in our App component so that it actually gets shown in the client:

1. Edit src/components/App.jsx and import the container component:

import ConnectedLoading from '../containers/ConnectedLoading.jsx'

2. Then, display it after the FilterList:

const App = ({ store }) =>  <Provider store={store}>    <div>      <h1>React/Redux blog</h1>      <div><ConnectedFilterList /></div>      <div><ConnectedLoading /></div>      ...other components...    </div>  </Provider>

Open the client in your browser, and you should see the loading indicator briefly pop up and then disappear once the posts and users are loaded. If it happens too quickly, you can use Redux DevTools to ...