Introduction: Using Redux in React

Overview

So far, in our app, the state is held locally within our React components. This approach works well for simple applications. React Redux helps us to handle complex state scenarios robustly. It shines when user interactions result in several changes to state, perhaps some that are conditional, and mainly when the interaction results in web service calls. It’s also great when there’s lots of shared state across the application.

We’ll start this chapter by understanding the Redux pattern and the different terms, such as actions and reducers. We’ll follow the principles of Redux and the benefits it brings.