Learning Redux

Implementing the component

The next step is implementing the React component, which will display the loading indicator:

1. Create a new component by creating the src/components/Loading.jsx file, with the following contents:

import React from 'react'const Loading = ({ isLoading }) =>  isLoading && <span>Loading...</span>export default Loading

2. Next, we will create a container component, which connects the loading component to Redux. Create a new src/containers/ConnectedLoading.jsx file. We start by importing the connect helper function and the loading component:

import { connect } from 'react-redux'import Loading from '../components/Loading.jsx'

3. Now, we need to define the mapStateToProps function, in which we determine whether we should display ...