Learning Redux Toolkit

48mIntermediate2022-09-26

Authors

Ebenezer Don

Software Engineer, NewDev.io Founder, Technical Content Creator

Course details

If you’ve ever built a web application in React, you probably encountered a few problems along the way, particularly with state management. That’s why the Redux Toolkit can be so helpful—plus, it’s so friendly and easy to use. Join software engineer and React expert Ebenezer Don to learn the basics of using Redux Toolkit for state management in React apps. Get a step-by-step introduction to creating a Redux store; working with reducers, actions, and slices; and setting up your own web app project using built-in tools and commands. Find out how to export each of your components and retrieve data whenever you need it, fetching data with API requests or using hooks directly from the store. By the end of this course, you’ll be ready to start accessing and managing fetched data from multiple sources.

Skills covered

ReduxReact.jsMetaWeb Development ToolsFront-End Web DevelopmentSoftware Development ToolsLearningWeb DevelopmentSoftware Development

Concepts

0. Introduction

01 - Why you should take this course
02 - What you're going to build
03 - Why Redux Toolkit

1. Understanding Redux

04 - Working with Redux actions and reducers
05 - How the Redux store works
06 - Working with slices in Redux Toolkit

2. Setting up Your App

07 - Setting up your base project
08 - Setting up Redux Toolkit and your Redux store

3. Working with Redux Toolkit

09 - Creating your Redux actions and reducers
10 - Exporting your Redux actions and reducers
11 - Updating your store with the useDispatch hook
12 - Getting data from your store with the useSelector hook
13 - Displaying cart products from your Redux store

4. Working with APIs in Redux Toolkit

14 - Fetching API data with createAsyncThunk
15 - Accessing your fetched data
16 - Fetching data from multiple sources

Conclusion

17 - What you've learned and what's next