Learning Redux

Implementing the App component

We now need to put all our other components together by writing an App component.

Create a src/components/App.jsx file:

1. First, we import React and our connected components:

import React from 'react'

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

2. Then, we define the App component, which takes the Redux store as property:

const App = ({ store }) =>

3. In the App component, we render a header, then the connected FilterList and PostList components:

  <div>
    <h1>React/Redux blog app</h1>
    <div><ConnectedFilterList store={store} /></div>
    <div><ConnectedPostList store={store} /></div>
  </div>

4. Finally, we export the App component: ...