Redux :

Ultimately, the “store” is where your application state is, well, stored. The store’s job is to identify the various reducers and middleware that need to be made available and used globally.

React uses “reducers” to hold and manage state. Reducers typically manage just one part of the larger application state. For example, in a storefront application, you would likely have a separate reducer for Products, Categories, and Carts . React applications with Redux dispatch “actions” (like an event) with “payload” (data). An action creator function as shown below always returns an action object with the action type to perform and the data to perform it with. When your component wants to modify state, it “Dispatches” (calls) an action and sends whatever payload (data) it needs to, to the reducer.

When an action is dispatched, a reducer responds to it, and receives that payload, where it then operates on state using it.