Gain insights into modern Redux usage with Redux Toolkit and React-Redux hooks. Delve into updated patterns and practices through comprehensive tutorials. Explore and apply contemporary Redux concepts.
5.0
59 Lessons
10h
Updated 1 week ago
Join 2.9 million developers at
Join 2.9 million developers at
LEARNING OBJECTIVES
- Initialize a React+Redux project with CRA, Yarn, Git, and managed dependencies
- Configure a Redux store with createStore, middleware, combined reducers, and React-Redux Provider
- Use Redux DevTools and Hot Module Replacement to debug and update code without losing state
- Build Semantic UI tabbed layouts using container/presentational components and Redux-managed tab state
- Model and query normalized relational data with Redux-ORM models, sessions, and selectors
- Implement entity selection, CRUD, and draft-based editing workflows with reusable reducer logic
- Design Redux-managed modals and context menus using portals, stackable dialogs, and serializable state
Learning Roadmap
1.
Introduction
Introduction
Get familiar with advanced Redux techniques through real-world projects and performance optimizations.
2.
Project Planning and Setup
Project Planning and Setup
Grasp the fundamentals of setting up and optimizing a Redux project with Create-React-App.
3.
UI Layout and Project Structure
UI Layout and Project Structure
9 Lessons
9 Lessons
Go hands-on with setting up Semantic-UI, managing tab state, and organizing project files.
4.
Using Redux-ORM
Using Redux-ORM
6 Lessons
6 Lessons
Grasp the fundamentals of managing normalized relational data in Redux using Redux-ORM tools.
5.
Loading and Displaying Data
Loading and Displaying Data
7 Lessons
7 Lessons
Dig into organizing Redux apps, connecting UI, managing data with Redux-ORM, and implementing selection logic.
6.
Connected Lists, Forms, and Performance
Connected Lists, Forms, and Performance
5 Lessons
5 Lessons
Tackle connecting list components, optimize performance, and enhance interactivity with connected forms.
7.
Form Change Handling, Data Editing, and Feature Reducers
Form Change Handling, Data Editing, and Feature Reducers
5 Lessons
5 Lessons
Master form handling, enhance reducer logic, and optimize data editing in Redux apps.
8.
Form Draft Data Management
Form Draft Data Management
8 Lessons
8 Lessons
Learn how to use Redux for efficient form draft data management and CRUD operations.
9.
Managing Modals and Context Menus
Managing Modals and Context Menus
9 Lessons
9 Lessons
Walk through modal and context menu integration with Redux for efficient state management.
10.
Wrapping Up
Wrapping Up
2 Lessons
2 Lessons
Work your way through Redux concepts, project setups, UI layout, and further learning.
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
Hi, I'm Mark Erikson, also known as @acemarke, and I'm a Redux maintainer
I wrote this course in 2017. Many of the concepts are still relevant, but Redux usage has changed significantly. We now teach Redux Toolkit as the standard approach for writing Redux logic, and React-Redux hooks as the default for components.
I'd recommend reading through the Redux core docs tutorials, which have been rewritten to explain the "modern Redux" patterns we teach today:
https://redux.js.org/tutorials/index
I've made this course free if you'd still like to go through it.
ABOUT THE AUTHOR
Mark Erikson
Collector of interesting links. Answerer of questions. Writer of very long posts. Redux maintainer.
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
