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
Introduction
- Why you should take this course
- What you're going to build
- Why Redux Toolkit
Understanding Redux
- Working with Redux actions and reducers
- How the Redux store works
- Working with slices in Redux Toolkit
Setting up Your App
- Setting up your base project
- Setting up Redux Toolkit and your Redux store
Working with Redux Toolkit
- Creating your Redux actions and reducers
- Exporting your Redux actions and reducers
- Updating your store with the useDispatch hook
- Getting data from your store with the useSelector hook
- Displaying cart products from your Redux store
Working with APIs in Redux Toolkit
- Fetching API data with createAsyncThunk
- Accessing your fetched data
- Fetching data from multiple sources
Conclusion
- What you've learned and what's next