React Redux is Redux 's official binding React. It allows React components to read data from a Redux Store, and to update data by dispatching actions to the store. Redux helps scale apps by offering a sensible way to handle the state through a unidirectional model of data flow.
Redux is conceptually straightforward. It subscribes to the Redux store, searches for changes in the data your component needs, and re-renders your component.
There are three main reasons of react redux:
Below is the explanation of component redux architecture-
STORE: A store is a place where your application lists the entire condition. It manages the application status, and has a function of dispatch(action). It's like a brain, responsible for all of Redux's moving parts.
ACTION: Action is sent or dispatched from view which are payloads that Reducers can read. It is a pure object created for the storage of user event information. It includes information such as type of action, location of occurrence, time of occurrence, its co-ordinates and what state it is intended to change.
REDUCER: Reducer reads the shares' payloads, and then updates the store accordingly via the state. Returning a new State from the initial state is a pure function.
Requirements: React Redux includes an or later version of React 16.8.3.
For use the application React Redux with React you need to install the command below.
$ npm install redux react-redux --save