Updated 27 Aug
AI-powered learning
Save this course
Understanding Redux: A Beginner's Guide To State Management
Gain insights into Redux fundamentals, explore application-based problems, and discover how to effectively manage state in React environments with this beginner's guide to state management.
4.4
92 lessons
2 projects
12h
Created by Ohans Emmanuel
What's included
- 92 lessons across 11 modules
- 8 quizzes with instant feedback
- 2 projects in preconfigured environments
- AI Tutor on every lesson
Join 3.1 million developers at
What You'll Learn
- Explain Redux as a predictable state container and when it helps in React apps
- Create a Redux store with createStore, reducers, and initial state
- Dispatch actions and build action creators with type and payload fields
- Write pure reducers that handle action types and return new immutable state
- Subscribe to store updates with store.subscribe to trigger UI re-rendering
- Design and normalize Redux state objects for a chat app (users, contacts, messages, order)
- Compose reducers with combineReducers to manage state slices like activeUserId and messages
Learning Roadmap
1.
Getting to know Redux (Theory)
Getting to know Redux (Theory)
Get familiar with Redux for managing state in complex JavaScript applications.
2.
Your First Redux Application
Your First Redux Application
Unpack the core of transitioning a React app to Redux for state management through practical examples.
IntroductionThe Structure of the React Hello World ApplicationRevisiting your Knowledge of ReduxCreating a Redux STOREThe Store and Reducer RelationshipThe ReducerGetting back to the Refactoring ProcessThe Second createStore ArgumentPossible GotchaConclusion and SummaryIntroducing ExercisesExercise: User CardExercise Solution
3.
Understanding State Updates with Actions
Understanding State Updates with Actions
21 Lessons
21 Lessons
Examine Redux actions, reducers, and state updates through practical examples and exercises.
4.
Building Skypey: A More Advanced Example
Building Skypey: A More Advanced Example
5 Lessons
5 Lessons
Enhance your skills in planning, designing, and normalizing state for advanced app development.
5.
Building Skypey: Designing the State Object
Building Skypey: Designing the State Object
11 Lessons
11 Lessons
Take a closer look at designing and managing the state object for Skypey.
6.
Building Skypey: The User Component
Building Skypey: The User Component
7 Lessons
7 Lessons
Tackle building user components, optimizing prop management, and refactoring state initialization with multiple reducers.
7.
Building Skypey: The Empty Screen
Building Skypey: The Empty Screen
4 Lessons
4 Lessons
Practice using components and CSS to build state-driven, dynamic views with Redux.
8.
Building Skypey: The Chat Window
Building Skypey: The Chat Window
4 Lessons
4 Lessons
Step through rendering the chat window by dispatching actions and handling active user updates.
9.
Building Skypey: Header and Chat Window
Building Skypey: Header and Chat Window
8 Lessons
8 Lessons
Walk through integrating header and chat components, dynamic message rendering, and contact deletion.
10.
Building Skypey: Messaging
Building Skypey: Messaging
7 Lessons
7 Lessons
Go hands-on with creating and managing message input and submission in Redux.
11.
The Skypey App
The Skypey App
4 Lessons
4 Lessons
Grasp the fundamentals of building the Skypey app, focusing on efficient state management and enhancing functionality.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
About this course
WHY I WROTE THIS COURSE
This course is a beginner's gateway into the mechanics of using Redux as an application building platform. It takes a bottom-up approach, enforcing the basic aspects of Redux before incorporating them together in a creative and interactive way. It begins with a short theoretical section before moving on to application based problems.
The course does assume that the user has a basic idea of how React works, as Redux works in the React environment. Let's dive in!
ABOUT THE AUTHOR
Ohans Emmanuel
I'm a frontend engineer, a technical author with 5+ books published, a Udemy instructor, and an avid reader. Since 2017, I've blogged extensively with my blogs garnering well over 4 million views.
Trusted by 3.1 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
