State management in pure JavaScript

State is a plain JavaScript object used by React to represent an information about the component’s current situation . It’s managed in the component (just like any variable declared in a function).

The object-oriented approach focuses on updating state, so our code will have state at two different levels:

State Container = Single Source of Truth That store holds the application’s state as a group of plain objects and arrays . Various components within our app then subscribe to the store to receive updates. When the store changes, Redux pushes state changes throughout the application.