Learning Redux

Creating the MainPage component

We are going to start with the main page. To create the MainPage component, perform the following steps:

1. Create a new folder src/components/pages/ and a file src/components/pages/MainPage.jsx. In this file, we import the ConnectedPostList and ConnectedFilterList:

import React from 'react'import ConnectedPostList from '../../containers/ConnectedPostList.jsx'import ConnectedFilterList from '../../containers/ConnectedFilterList.jsx'

2. Then, cut out the following code from the src/components/App.jsx file:

    <div><ConnectedFilterList /></div>    <div><ConnectedPostList /></div>

3. Use these two components to create a MainPage component, by inserting the following code in src/components/pages/MainPage.jsx:

const MainPage ...