Read 39 ~ Redux - Additional Topics

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.
Read 37 | Combined Reducers.
Read 38 | Asynchronous Actions.
Read 39 | Redux - Additional Topics.
———————————- # Asynchronous Actions ———————————- ## Redux Toolkit “RTK”:

• To add the package npm install @reduxjs/toolkit.
• Includes utilities to simplify common use cases like store setup, creating reducers, immutable update logic, and more.
• Toolkit specifies a few different means of building a reducer and action set that work well together and are easier to understand and integrate.
• We can replace the plain Redux createStore function with RTK’s configureStore. This will automatically set up the Redux DevTools Extension for us.

## Ducks: Redux Reducer Bundles:

• Ducks is a modular pattern that collocates actions, action types and reducers.
• The original ducks modular approach is a nice simplification for redux and offers a structured way of adding each new feature in your app.