PathwaysWeb DevelopmentAdvanced State Management with Redux Toolkit in React
Tutorial 2 - Advanced Redux Toolkit Features
Tutorial
Tutorial 2 - Advanced Redux Toolkit Features
6 steps
In this quest, we will be exploring advanced Redux Toolkit features such as async handling of data, entity adapters for managing state structure and record collections i.e. JSON as entities, and adding custom middleware to perform sets of actions based on a set of conditions by listening to state changes.
For technical help on the StackUp platform & quest-related questions, join our Discord, head to the 🆘 | quest-help-forum channel and look for the correct thread to ask your question.
Helpful prior knowledge
- Finished Tutorial 1
- Highly required to have HTML/CSS/JS and React knowledge
- Basic knowledge of the command-line for Unix-like systems
Learning Outcomes
By the end of this quest, you will be able to:
- Manage real-time data with async -> await
- Normalise structured data from entity adapters
- Add custom middleware for your next React + Redux Toolkit applications
Tutorial Steps
Total steps: 6
-
Step 1: Project Setup
-
Step 2: Managing Asynchronous Data with Asynchronous Thunks
-
Step 3: Furthering Our Understanding
-
Step 4: createEntityAdapter
-
Step 5: listenerMiddleware
-
Step 6: Stacking It Up!
Need help?
Find articles to support you through your journey or chat with our support team.
Help Center
