Search⌘ K

React state management: Flux and Redux

Learn how to manage global application state in React using Flux and Redux. Understand the challenges with lifting state in complex apps, how Redux improves upon Flux by simplifying state changes without events, and the flow of dispatching actions to update app state and trigger re-rendering.

We'll cover the following...

We’ve been using a top-level component called App to manage our global application state. That works fine for a small application, but as we add more and more functionality it becomes very tedious to work with.

Together with React, Facebook released something called Flux. Flux is a methodology that helps you manage your global application state. Flux works fine, but has the downside that it uses events, which can lead to quite a bit of confusion.

Thankfully, Dan Abramov stepped in and created Redux. Redux has the same core concept as Flux, but works without ...