React for Real

Connect the User Interface

Our interface will look like this:

Below each header, we list the movies for that day. While the movies load, we’ll display a loading indicator:

Some of our components just display the props they receive from their parent, while others talk to the store. To connect the components to the store, we’ll use the React Redux library. The advantage of React Redux is that it allows you to transition an existing application to Redux without rewriting most of your components.

The way React Redux works is subtle, so let’s break it ...