Read 36 ~ Application State with Redux
By Abdallah obaid
| NAME | URL |
|---|---|
| Home | Home. |
| Prep | Prep: Engineering Topics. |
| Read 01 | Node Ecosystem, TDD, CI/CD. |
| Read 02 | Classes, Inheritance, Functional. |
| Read 03 | Data Modeling & NoSQL Databases. |
| Read 04 | Advanced Mongo/Mongoose. |
| Read 05 | Linked Lists. |
| Read 06 | HTTP and REST. |
| Read 07 | Express. |
| Read 08 | Express Routing & Connected API. |
| Read 09 | API Server. |
| Read 10 | Stacks and Queues. |
| Read 11 | Authentication. |
| Read 12 | OAuth. |
| Read 13 | Bearer Authorization. |
| Read 14 | Access Control (ACL). |
| Read 15 | Trees. |
| Read 16 | Event Driven Applications. |
| Read 17 | TCP Servers. |
| Read 18 | Socket.io. |
| Read 19 | Message Queues. |
| Read 26 | Component Based UI. |
| Read 27 | React Testing and Deployment. |
| Read 28 | Props and State. |
| Read 29 | Component Composition. |
| Read 30 | Hash Tables. |
| Read 31 | Hooks API. |
| Read 32 | Custom Hooks. |
| Read 33 | Context API. |
| Read 34 | <Login /> and <Auth />. |
| Read 35 | Graphs. |
| Read 36 | Application State with Redux. |
# Application State with Redux ———————————- ## Redux:
- Redux is an open-source JavaScript library for managing application state. It is most commonly used with libraries such as React or Angular for building user interfaces.
## Redux Store:
- 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.
- In the store, we declare what middleware we may need and the reducers that we’ll use to manage your state data.
## Redux Reducers:
- Reducers: hold and manage state.
- Reducers typically manage just one part of the larger application state.
- Identifies what todo when a certain action (e.g. INITIALIZE) is called.
## Redux Action:
- 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.
## Provider Wrapper:
- The provider wrapper is a means that React uses to allow child components to have access to higher level context.
