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 ...

Get React for Real now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.