Building a Redux app

The example application that you'll use in this chapter is a basic book manager. The goal is to have something that has enough functionality to demonstrate different Redux actions, but simple enough that you can learn Redux DevTools without feeling overwhelmed.

The high-level functionality of this application is as follows:

• Renders a list of books that you want to keep track of. Each book displays the title, author, and cover image of the book.
• Allows the user to filter the list by typing in a text input.
• The user can create a new book.
• The user can select a book to view more details.
• Books can be deleted.

Let's spend a few minutes walking through the implementation of this app before you dive into the Redux DevTools extension.

The App component and state

The App component is the outer shell of the book manager application. You can think of App as the container for every other component that gets rendered. It is responsible for rendering the left-hand side navigation, and for...