Learning Redux

Implementing our own container component

In this small example, we only need one container component, ConnectedPostList:

1. Create a new folder src/containers/ for our container components.
2. Create a new src/containers/ConnectedPostList.jsx file with the following contents:

import React from 'react'
import PostList from '../components/PostList.jsx'

export default class ConnectedPostList extends React.Component {

This component will actually be very similar to our Timer example. However, we use the life cycle methods to (un-)subscribe to the Redux store, instead of creating and removing a setInterval timer.

3. Again, we start with the constructor() method, where we set the initial state. In this case, we pull the initial state from the Redux store: ...