User interfaces

We will continue the code we employed in Chapter 1, Understanding of Redux, through to Chapter 4, The Concept of Immutability, and add views/interfaces on top of it. If you recall in Chapter 3, Routing, we already became familiar with routing and related routes that will be useful to our application.

Let's recap what we've done so far in chapters 1 to 4:

• We've configured Redux and required dependencies, including webpack, eslint, and babel
• We've learned about and configured, routing using react-router-dom and connected-react-router/immutable
• We've learned about and configured, immutable JS in our project

Before we dive into our little project, I suggest you pause here and read about container components and presentational components by Dan Abramov: https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0. This article provides a better overview of the advantages and disadvantages of separating these components.