The Redux Official Course Tutorial Code Along for All Levels
Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
The Redux Official Course Tutorial Code Along for All Levels
Included with
Recommended experience
Recommended experience
What you'll learn
Build and manage Redux stores from scratch using classic and modern Redux techniques.
Optimize Redux stores to enhance performance and maintainability in real-world apps.
Implement advanced Redux patterns including RTK Query for efficient data handling.
Develop scalable social media applications with Redux from intermediate to advanced levels.
Skills you'll gain
Tools you'll learn
Details to know
See how employees at top companies are mastering in-demand skills
There are 10 modules in this course
This course features Coursera Coach!
A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. Dive deep into Redux, one of the most powerful state management libraries in modern web development. This course is designed to take you from the basics of Redux essentials and classic patterns to advanced real-world applications, helping you master state management with confidence and hands-on practice. You'll build, optimize, and migrate Redux stores while exploring modern approaches and best practices. Starting with Redux fundamentals, the course guides you through building a Redux app from scratch, gradually introducing optimization techniques and migration strategies to modern Redux standards. As you progress, you'll explore higher-level templates and develop complex social media app examples, scaling from intermediate to advanced implementations. The final section delves into RTK Query and advanced querying patterns, equipping you with the skills to manage data fetching and caching efficiently. Perfect for developers looking to enhance their frontend skills, this course suits beginners through advanced users who want a comprehensive Redux learning path. Prior experience with JavaScript and React is recommended for best results, but the course is structured to accommodate learners at various levels.
In this module, we will introduce the foundational concepts of Redux, covering essential terminology and setup. You will learn the core architecture and understand how Redux manages application state efficiently. This section lays the groundwork for building scalable Redux applications.
What's included
12 videos1 reading1 assignment
12 videos•Total 35 minutes
- Introduction - What This Redux Section Is All About•4 minutes
- What Is Redux - Focused Introduction•3 minutes
- Why Use Redux•3 minutes
- Redux Terms and Concepts•4 minutes
- View Action and State in Redux•2 minutes
- Immutability in Redux•4 minutes
- What Are Actions in Redux•3 minutes
- What Are Reducers in Redux•3 minutes
- An Example of a Reducer in Redux•2 minutes
- What Is the Redux Store•2 minutes
- What Are Selectors in Redux•2 minutes
- Redux Introduction Summary•4 minutes
1 reading•Total 10 minutes
- Full Course Resources•10 minutes
1 assignment•Total 15 minutes
- Redux Essentials and Overview - Assessment•15 minutes
In this module, we will guide you through creating a classic Redux app step-by-step. You’ll gain hands-on experience writing actions and reducers while managing state in a real project. This section deepens your practical understanding of Redux fundamentals.
What's included
9 videos1 assignment
9 videos•Total 57 minutes
- Overview of the Redux Basic Store Project•4 minutes
- Create a New Next JS Typescript React Project•7 minutes
- Create a Redux Store and Reducer Function•15 minutes
- Setting Up React and Redux State - Local Versus Global•10 minutes
- How to Use Dispatch in the Redux App•4 minutes
- Setting Up the Provider in Redux•2 minutes
- UseSelector and State Management in Redux•6 minutes
- Redux State Management Solution Part I•4 minutes
- Complete the Redux Store Solution Part II•7 minutes
1 assignment•Total 15 minutes
- Classic Redux 101 - Build an App from Scratch - Assessment•15 minutes
In this module, we will focus on enhancing an existing Redux store by optimizing its structure and performance. You’ll learn strategies to refactor your codebase for better scalability and responsiveness. This section emphasizes Redux store improvement techniques.
What's included
9 videos1 assignment
9 videos•Total 57 minutes
- Reconfigure Redux Store for Object Extensibility•7 minutes
- Extensibility for Redux Properties as Objects for Filtering and Truth Detection•10 minutes
- Update the Basket Redux Code and Review Next Steps•4 minutes
- Improved Ternary Toggle and Logic for Liking in Redux•7 minutes
- Solution for Redux Basket•5 minutes
- Migrate Redux Store to Typescript•5 minutes
- Typescript Updates to JavaScript•2 minutes
- Material UI and Redux Implementation•13 minutes
- Finish Styling the Redux Movie Store Application•3 minutes
1 assignment•Total 15 minutes
- Optimize and Improve a Classic Redux Store Example - Assessment•15 minutes
In this module, we will explore how to migrate legacy Redux codebases to the modern Redux Toolkit standard. You’ll learn to leverage new APIs that simplify Redux development. This section bridges classic Redux concepts with contemporary best practices.
What's included
3 videos1 assignment
3 videos•Total 27 minutes
- ConfigureStore Versus CreateStore in Redux And RTK•7 minutes
- Update Reducers and Actions to Redux Toolkit•13 minutes
- Convert Type Actions to Reducer Actions•7 minutes
1 assignment•Total 15 minutes
- Migrating Classic Redux to Modern Redux - Assessment•15 minutes
In this module, we will create a versatile Redux counter template showcasing advanced patterns. You’ll connect Redux state to UI elements and ensure your components behave predictably. This section sharpens your Redux component integration skills.
What's included
10 videos1 assignment
10 videos•Total 69 minutes
- Building a New Redux RTK Project - First Steps•15 minutes
- Configure the Redux Store and Reducers in React•6 minutes
- Setting Up the Redux Component Code Architecture•3 minutes
- Redux useSelector Implementation and Demo•4 minutes
- Redux Dispatch - Simple Example with RTK•3 minutes
- Decrementing Action Solution with RTK Redux•2 minutes
- Action Payload with Redux and Local Versus Global Store State Management•12 minutes
- CreateAsyncThunk and API Calls with Redux•14 minutes
- Redux DevTools Introduction•6 minutes
- Optional Solution for Redux API Request Proper Handling•4 minutes
1 assignment•Total 15 minutes
- Higher Level - Redux Counter Template Example - Assessment•15 minutes
In this module, we will build a social media app to apply Redux in a real-world scenario. You’ll tackle state complexities typical in social platforms and manage async workflows. This section introduces practical Redux applications.
What's included
6 videos1 assignment
6 videos•Total 50 minutes
- Final Redux Project App Review•5 minutes
- Initializing the Project Core Files and Service Options•12 minutes
- Setting Up Redux Store and the Post Reducer•6 minutes
- Showing the Posts List with Redux RTK•7 minutes
- Adding New Posts with Redux•8 minutes
- Action Reducers and Dispatch with Redux RTK•12 minutes
1 assignment•Total 15 minutes
- Social Media App with Redux Example - Assessment•15 minutes
In this module, we will advance the social media app by adding sophisticated state management patterns. You’ll work with nested data and improve app responsiveness. This section builds on foundational Redux knowledge with intermediate challenges.
What's included
7 videos1 assignment
7 videos•Total 74 minutes
- Dynamic Routing with React and Redux•10 minutes
- Editing Posts with Redux•14 minutes
- Customizing Action Payloads with the Prepare Redux Callback Function•6 minutes
- Adding Multiple Slices to a Redux Application•14 minutes
- Updating Times and Dates to Social Media Feed with Redux•9 minutes
- Parsing Time to a Relative Post with Sort and Compare Algorithms and String C•6 minutes
- Redux Reactions and Action Payload Customizations•14 minutes
1 assignment•Total 15 minutes
- Social Media App with Redux Example - Intermediate - Assessment•15 minutes
In this module, we will tackle higher-level Redux challenges within the social media app. You’ll learn middleware use and architectural strategies for large apps. This section prepares you for advanced Redux development scenarios.
What's included
5 videos1 assignment
5 videos•Total 46 minutes
- Async and Abstracting UseSelectors in Redux•11 minutes
- Fetching Data with CreateAsyncThunk in Redux•8 minutes
- Proper Loading Practices for Fetching Data in Redux•12 minutes
- ExtraReducers Field in Redux Slice with RTK•6 minutes
- Sending Post Data to an API with Redux Toolkit•10 minutes
1 assignment•Total 15 minutes
- Social Media App with Redux Example - Intermediate to Advanced - Assessment•15 minutes
In this module, we will complete the social media app with the most advanced Redux patterns and integrations. You’ll learn techniques to manage complex data and improve app performance. This section is designed for expert-level Redux mastery.
What's included
10 videos1 assignment
10 videos•Total 89 minutes
- User Match for Social Posts with React Router - Extended Features•14 minutes
- Notifications Feature Slice with Redux - Destructuring State without Dispatch•9 minutes
- Fetching Notifications Data with Redux•16 minutes
- React Hooks and Reducers - Rendering Components with Redux•10 minutes
- Notifications Badge with Redux•5 minutes
- Memoization with Redux and Selectors•7 minutes
- React Memo and Redux•4 minutes
- Redux CreateEntityAdapter Toolkit•8 minutes
- Optimizing Redux with CreateEntityAdapter•5 minutes
- Normalizing Data and Full Redux RTK Review•11 minutes
1 assignment•Total 15 minutes
- Social Media App with Redux Example - Advanced - Assessment•15 minutes
In this module, we will dive into RTK Query and explore sophisticated data querying patterns. You’ll learn how to streamline data fetching, caching, and synchronization in Redux apps. This section modernizes your approach to asynchronous data management.
What's included
13 videos3 assignments
13 videos•Total 103 minutes
- RTK APISlice for Redux Querying Data Fetching MGMT•18 minutes
- Data Caching with RTK Query in Redux•11 minutes
- Refetching Data and Semi-Transparency in Redux•11 minutes
- TagType and Auto Refetch with Redux•3 minutes
- Caching Under the Hood with Mutation in RTK Querying•5 minutes
- API Slice Summary with RTK Query•5 minutes
- User Slice Data with RTK Query for Redux•7 minutes
- Injected Endpoints with RTK Query•5 minutes
- Memoization Updates to Cache Data with RTK Query•5 minutes
- Caching Optimistic Updates with RTK Query - Advanced•11 minutes
- WebSockets and Streaming with RTK Query•8 minutes
- Update Notifications with WebSockets Explanation and Changes for Caching Data•6 minutes
- Final RTK Updates and Redux Course Summary•7 minutes
3 assignments•Total 90 minutes
- Full Course Practice Assessment•15 minutes
- RTK Querying and Advanced Querying Patterns - Assessment•15 minutes
- Full Course Assessment•60 minutes
Instructor
Explore more from Software Development
- P
Packt
Course
- Status: Free TrialS
Scrimba
Course
- Status: Free Trial
- Status: Free Trial
Course
Why people choose Coursera for their career
Frequently asked questions
Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.
If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.
Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.
More questions
Financial aid available,