The Redux Official Course Tutorial Code Along for All Levels

The Redux Official Course Tutorial Code Along for All Levels

Instructor: Packt - Course Instructors

Included with Coursera Plus

Learn more

10 modules

Gain insight into a topic and learn the fundamentals.

Beginner level

Recommended experience

16 hours to complete

3 weeks at 5 hours a week

Flexible schedule

Learn at your own pace

10 modules

Gain insight into a topic and learn the fundamentals.

Beginner level

Recommended experience

16 hours to complete

3 weeks at 5 hours a week

Flexible schedule

Learn at your own pace

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.

Details to know

Shareable certificate

Add to your LinkedIn profile

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

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 videosTotal 34 minutes

Introduction - What This Redux Section Is All About3 minutesPreview module
What Is Redux - Focused Introduction2 minutes
Why Use Redux2 minutes
Redux Terms and Concepts4 minutes
View Action and State in Redux1 minute
Immutability in Redux3 minutes
What Are Actions in Redux2 minutes
What Are Reducers in Redux2 minutes
An Example of a Reducer in Redux2 minutes
What Is the Redux Store2 minutes
What Are Selectors in Redux1 minute
Redux Introduction Summary3 minutes

1 readingTotal 10 minutes

Full Course Resources10 minutes

1 assignmentTotal 15 minutes

Redux Essentials and Overview - Assessment15 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 assignment1 plugin

9 videosTotal 56 minutes

Overview of the Redux Basic Store Project3 minutesPreview module
Create a New Next JS Typescript React Project6 minutes
Create a Redux Store and Reducer Function14 minutes
Setting Up React and Redux State - Local Versus Global9 minutes
How to Use Dispatch in the Redux App3 minutes
Setting Up the Provider in Redux2 minutes
UseSelector and State Management in Redux5 minutes
Redux State Management Solution Part I3 minutes
Complete the Redux Store Solution Part II6 minutes

1 assignmentTotal 15 minutes

Classic Redux 101 - Build an App from Scratch - Assessment15 minutes

1 pluginTotal 15 minutes

Building a Classic Redux Store15 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 assignment1 plugin

9 videosTotal 57 minutes

Reconfigure Redux Store for Object Extensibility6 minutesPreview module
Extensibility for Redux Properties as Objects for Filtering and Truth Detection10 minutes
Update the Basket Redux Code and Review Next Steps3 minutes
Improved Ternary Toggle and Logic for Liking in Redux6 minutes
Solution for Redux Basket5 minutes
Migrate Redux Store to Typescript5 minutes
Typescript Updates to JavaScript2 minutes
Material UI and Redux Implementation12 minutes
Finish Styling the Redux Movie Store Application3 minutes

1 assignmentTotal 15 minutes

Optimize and Improve a Classic Redux Store Example - Assessment15 minutes

1 pluginTotal 15 minutes

Improving Redux Store Functionality15 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 assignment1 plugin

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 assignment1 plugin

10 videosTotal 68 minutes

Building a New Redux RTK Project - First Steps15 minutesPreview module
Configure the Redux Store and Reducers in React6 minutes
Setting Up the Redux Component Code Architecture3 minutes
Redux useSelector Implementation and Demo3 minutes
Redux Dispatch - Simple Example with RTK2 minutes
Decrementing Action Solution with RTK Redux1 minute
Action Payload with Redux and Local Versus Global Store State Management11 minutes
CreateAsyncThunk and API Calls with Redux14 minutes
Redux DevTools Introduction5 minutes
Optional Solution for Redux API Request Proper Handling3 minutes

1 assignmentTotal 15 minutes

Higher Level - Redux Counter Template Example - Assessment15 minutes

1 pluginTotal 15 minutes

Reverse Engineering Redux Template with Async Actions15 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 assignment1 plugin

6 videosTotal 49 minutes

Final Redux Project App Review4 minutesPreview module
Initializing the Project Core Files and Service Options12 minutes
Setting Up Redux Store and the Post Reducer5 minutes
Showing the Posts List with Redux RTK7 minutes
Adding New Posts with Redux7 minutes
Action Reducers and Dispatch with Redux RTK12 minutes

1 assignmentTotal 15 minutes

Social Media App with Redux Example - Assessment15 minutes

1 pluginTotal 15 minutes

Building a Media Application with Redux15 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 assignment1 plugin

7 videosTotal 74 minutes

Dynamic Routing with React and Redux10 minutesPreview module
Editing Posts with Redux14 minutes
Customizing Action Payloads with the Prepare Redux Callback Function6 minutes
Adding Multiple Slices to a Redux Application14 minutes
Updating Times and Dates to Social Media Feed with Redux9 minutes
Parsing Time to a Relative Post with Sort and Compare Algorithms and String C5 minutes
Redux Reactions and Action Payload Customizations14 minutes

1 assignmentTotal 15 minutes

Social Media App with Redux Example - Intermediate - Assessment15 minutes

1 pluginTotal 15 minutes

Viewing and Editing Posts in Redux15 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 assignment1 plugin

5 videosTotal 46 minutes

Async and Abstracting UseSelectors in Redux10 minutesPreview module
Fetching Data with CreateAsyncThunk in Redux7 minutes
Proper Loading Practices for Fetching Data in Redux11 minutes
ExtraReducers Field in Redux Slice with RTK5 minutes
Sending Post Data to an API with Redux Toolkit10 minutes

1 assignmentTotal 15 minutes

Social Media App with Redux Example - Intermediate to Advanced - Assessment15 minutes

1 pluginTotal 15 minutes

Handling Async Logic with Redux Thunks15 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 assignment1 plugin

10 videosTotal 89 minutes

User Match for Social Posts with React Router - Extended Features14 minutesPreview module
Notifications Feature Slice with Redux - Destructuring State without Dispatch9 minutes
Fetching Notifications Data with Redux15 minutes
React Hooks and Reducers - Rendering Components with Redux9 minutes
Notifications Badge with Redux4 minutes
Memoization with Redux and Selectors7 minutes
React Memo and Redux3 minutes
Redux CreateEntityAdapter Toolkit8 minutes
Optimizing Redux with CreateEntityAdapter5 minutes
Normalizing Data and Full Redux RTK Review11 minutes

1 assignmentTotal 15 minutes

Social Media App with Redux Example - Advanced - Assessment15 minutes

1 pluginTotal 15 minutes

Advanced Redux with Async Thunks and Data Fetching15 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 videosTotal 103 minutes

RTK APISlice for Redux Querying Data Fetching MGMT18 minutesPreview module
Data Caching with RTK Query in Redux11 minutes
Refetching Data and Semi-Transparency in Redux10 minutes
TagType and Auto Refetch with Redux3 minutes
Caching Under the Hood with Mutation in RTK Querying5 minutes
API Slice Summary with RTK Query5 minutes
User Slice Data with RTK Query for Redux6 minutes
Injected Endpoints with RTK Query4 minutes
Memoization Updates to Cache Data with RTK Query5 minutes
Caching Optimistic Updates with RTK Query - Advanced11 minutes
WebSockets and Streaming with RTK Query8 minutes
Update Notifications with WebSockets Explanation and Changes for Caching Data6 minutes
Final RTK Updates and Redux Course Summary7 minutes

3 assignmentsTotal 90 minutes

Full Course Practice Assessment15 minutes
RTK Querying and Advanced Querying Patterns - Assessment15 minutes
Full Course Assessment60 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Packt - Course Instructors

Packt

752 Courses156,241 learners

Offered by

Packt

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

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.