Application State

Redux

Redux is a predictable state container for JavaScript.

What does that even mean?

Well at a certain point, state becomes very difficult to manage in a complex React application. Keeping state at the top app-level becomes a huge burden—you have to pass down properties and children down layers of applications and keep track of everything.

Redux offers a solution. It has a store that stores state outside of any components. Components can access the pieces of this state they need. Components—even your top-level app—can not touch state (setState). Instead, components can emit actions, which are just objects describing what happened.