AI-powered learning
Save this course
The Ultimate Guide to Redux
Gain insights into Redux, an open-source library for managing app state. Learn about Redux store creation, middleware, state management, error handling, testing, and building robust applications.
4.7
143 Lessons
7h 30min
Join 2.9 million developers at
Join 2.9 million developers at
Learning Roadmap
1.
Introduction to Redux
Introduction to Redux
Get familiar with Redux principles, its architecture, key concepts, and integration with frameworks.
2.
Basic Redux Implementation
Basic Redux Implementation
Unpack the core of implementing Redux with a centralized state, reducers, and dispatch functions.
3.
Cloning a Redux Boilerplate
Cloning a Redux Boilerplate
3 Lessons
3 Lessons
Go hands-on with cloning, configuring, and running a Redux boilerplate for streamlined development.
4.
Complete Redux Project
Complete Redux Project
11 Lessons
11 Lessons
Grasp the fundamentals of building a Redux project, focusing on state management and code structuring.
5.
Creating a Store
Creating a Store
5 Lessons
5 Lessons
Map out the steps for creating and managing a Redux store, including state changes and subscriptions.
6.
Decorating the Store
Decorating the Store
6 Lessons
6 Lessons
Simplify complex topics on enhancing and configuring the Redux store with higher-order functions.
7.
Actions and Action Creators
Actions and Action Creators
7 Lessons
7 Lessons
Master the creation, dispatch, and organization of actions and action creators in Redux.
8.
Redux Thunk
Redux Thunk
3 Lessons
3 Lessons
Step through adding and using Redux-thunk for asynchronous actions and server communication.
9.
Redux-Actions Library
Redux-Actions Library
5 Lessons
5 Lessons
Get started with creating and managing actions in Redux using redux-actions and redux-promises.
10.
Reducers
Reducers
7 Lessons
7 Lessons
Examine Redux reducer concepts of pure functions, state management, and combining strategies.
11.
Avoiding Mutations
Avoiding Mutations
8 Lessons
8 Lessons
Enhance your skills in effectively handling immutability to manage Redux state changes.
12.
Introduction to Middleware
Introduction to Middleware
2 Lessons
2 Lessons
Take a closer look at how middleware enhances Redux by managing action flow and custom logic.
13.
Your First Middleware
Your First Middleware
3 Lessons
3 Lessons
Tackle creating and organizing Redux middleware, measuring execution time, and connecting middleware to the store.
14.
Middleware
Middleware
6 Lessons
6 Lessons
Piece together the parts of middleware in Redux to manage async actions, flow, and action types.
15.
State Management
State Management
5 Lessons
5 Lessons
Learn how to use Redux for efficient and maintainable state management in applications.
16.
Keeping a Normalized State
Keeping a Normalized State
3 Lessons
3 Lessons
Unpack the core of managing a normalized state in Redux for efficient data handling.
17.
Persistence State
Persistence State
3 Lessons
3 Lessons
Work your way through implementing state persistence with `redux-persist` for stable Redux applications.
18.
Real-World State
Real-World State
4 Lessons
4 Lessons
Enhance your skills in managing and structuring Redux state for complex, real-world applications.
19.
Server Communication
Server Communication
3 Lessons
3 Lessons
Dig into server communication's role in Redux, including async actions and API middleware implementation.
20.
Moving Code from Action Creators
Moving Code from Action Creators
3 Lessons
3 Lessons
Follow the process of centralizing async logic in middleware for simplified Redux workflows.
21.
Error Handling
Error Handling
2 Lessons
2 Lessons
Master the steps to handle errors and unauthorized requests efficiently using Redux middleware.
22.
Server Communication II
Server Communication II
3 Lessons
3 Lessons
Try out managing user authentication, loading indicators, and multiple spinners in Redux.
23.
Transforming Data
Transforming Data
2 Lessons
2 Lessons
Unpack the core of data transformation and response normalization in Redux applications.
24.
Chaining Requests
Chaining Requests
2 Lessons
2 Lessons
Go hands-on with chaining network requests using middleware to manage API interactions seamlessly.
25.
Managing Side Effects
Managing Side Effects
4 Lessons
4 Lessons
Discover various approaches to manage Redux side effects through action creators, middleware, and libraries.
26.
Messaging Patterns
Messaging Patterns
2 Lessons
2 Lessons
Map out the steps for efficient state management using routing and transformation patterns.
27.
WebSockets
WebSockets
4 Lessons
4 Lessons
Tackle WebSocket integration with Redux for efficient real-time communication and action management.
29.
Testing
Testing
2 Lessons
2 Lessons
Step through testing Redux components and maintaining organized, readable test suites.
30.
Testing Action Creators
Testing Action Creators
3 Lessons
3 Lessons
Unpack the core of testing Redux action creators using plain objects, snapshots, and dynamic inputs.
31.
Async Action Creators
Async Action Creators
5 Lessons
5 Lessons
Break apart async action creators, mocking axios, creating mock stores, and testing tactics for Redux.
32.
Testing Reducers
Testing Reducers
6 Lessons
6 Lessons
Grasp the fundamentals of testing Redux reducers, ensuring state integrity and maintainable tests.
33.
Testing Middleware
Testing Middleware
2 Lessons
2 Lessons
Take a closer look at testing Redux middleware using mock functions and streamlined Jest setups.
34.
Testing Async Middleware
Testing Async Middleware
5 Lessons
5 Lessons
Follow the process of testing async middleware functionality, handling success, and error scenarios in Redux.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
Developed by MAANG Engineers
ABOUT THIS COURSE
In this course, you will take a deep dive into Redux, an open-source JavaScript library for managing application state.
You will start by running through what Redux is, general concepts, and basic implementation. With the basics out of the way, you will begin working on building a recipe book application, adding more bells and whistles to it as the course progresses. You will learn to create a Redux store, how to work with middleware, state management, error handling, testing, and a whole lot more.
By the end, you will have advanced knowledge of one the most popular libraries among React and Angular developers. You will have the skills to create highly performant and consistent.
ABOUT THE AUTHOR
Ilya Gelman
Front-end development expert. CEO of 500Tech, a leading front-end consultancy in Israel.
Trusted by 2.9 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor
Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go
Future-proof Your Career
Get hands-on with in-demand skills
AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"
MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies
Free Resources
