CF

The Ultimate Redux Course

6h 5m 49s
English
Paid

Redux is the most popular state management library for JavaScript apps. It's primarily used with React but is also gaining traction in the Angular, Ember, and Vue communities. Despite its small size, many developers find Redux confusing and complex. There's a frequent complaint that Redux introduces unnecessary boilerplate and complicates trivial tasks.

This course provides a solid foundation in Redux, teaching you how to write clean and concise modern Redux code.

Course Benefits

By the end of this course...

You’ll be equipped to:

  • Build fast and scalable apps with Redux
  • Write clean, concise Redux code free of clutter and boilerplate
  • Apply fundamental functional programming techniques
  • Maintain existing Redux-based apps
  • Prepare for technical interviews

What You'll Learn

  • What Redux is and when to use it
  • Essential functional programming principles
  • Kickstarting Redux apps with Redux Toolkit
  • Debugging apps using Redux DevTools
  • Designing a Redux store
  • Writing clean, concise, maintainable Redux code
  • Properly structuring Redux code
  • Handling asynchronous events with redux-thunk
  • Using existing middleware or writing your own
  • Testing Redux code effectively
  • Connecting React and Redux using react-redux
  • The popular tools in the Redux ecosystem
  • Industry best practices and recommended patterns
  • Common mistakes many Redux developers make
  • And much more...

Who is This Course For?

  • Developers curious about Redux, its benefits, and proper usage
  • Developers aiming to add Redux to their skill set to get a raise or apply for better positions

Prerequisites

To enroll in this course, you need at least 3 months of experience programming in JavaScript. Familiarity with Redux is not required, as the course covers everything from the ground up.

A short and sweet course you can complete in an afternoon—free of fluff and nonsense. Simply put, this is the Redux course I wish I had when I started learning Redux.

About the Author: Mosh Hamedani (Code with Mosh)

Mosh Hamedani (Code with Mosh) thumbnail

Mosh Hamedani is the founder of Code with Mosh, one of the highest-volume independent online instructors in software education. He has been publishing courses continuously since the early Udemy era and has taught over a million students across his Udemy catalog and his standalone Code with Mosh platform. His teaching style is patient, rigorously structured, and deliberately beginner-tolerant — the courses are widely cited as some of the most accessible introductions to their respective topics.

The Code with Mosh catalog covers an unusually wide span: web development with HTML / CSS / JavaScript / React / Angular / Node.js, Python and Django, C# and .NET, mobile development with React Native and Flutter, SQL and database fundamentals, and the algorithm / data-structure interview prep tracks. Few independent instructors maintain this much breadth at consistent quality.

The CourseFlix listing under this source carries over 35 Code with Mosh courses spanning that range. Material is paid; Code with Mosh runs on per-course pricing on the original platform. Courses are aimed primarily at developers picking up a new technology from a clean start through to working production proficiency.

Watch Online 105 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 105 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: 2- What is Redux
All Course Lessons (105)
#Lesson TitleDurationAccess
1
2- What is Redux Demo
02:18
2
3- Pros and Cons of Redux
05:30
3
4- Is Redux for You
02:30
4
5- Setting Up the Development Environment
01:49
5
1- Introduction
00:29
6
2- What is Functional Programming
01:26
7
3- Functions as First-class Citizens
03:08
8
4- Higher-order Functions
01:34
9
5- Function Composition
03:39
10
6- Composing and Piping
02:23
11
7- Currying
05:45
12
8- Pure Functions
02:51
13
9- Immutability
04:15
14
10- Updating Objects
04:34
15
11- Updating Arrays
03:56
16
12- Enforcing Immutability
01:06
17
13- Immutable.js
03:40
18
14- Immer
02:55
19
1- Introduction
00:26
20
2- Redux Architecture
05:04
21
3- Your First Redux App
01:45
22
4- Designing the Store
01:28
23
5- Defining the Actions
03:27
24
6- Creating a Reducer
06:14
25
7- Creating the Store
01:27
26
8- Dispatching Actions
02:46
27
9- Subscribing to the Store
02:08
28
10- Action Types
03:54
29
11- Action Creators
02:59
30
12- Exercise
00:18
31
13- Solution
04:58
32
1- Introduction
00:19
33
2- Redux Store
01:11
34
3- Private Properties
04:19
35
4- Dispatching Actions
03:05
36
5- Subscribing to the Store
02:37
37
1- Introduction
00:16
38
2- Installing Redux DevTools
02:56
39
3- The Basics
02:26
40
4- Inspector Monitor
03:53
41
5- Tracing
04:27
42
6- Exporting and Importing
01:36
43
1- Introduction
00:16
44
2- Structuring Files and Folders
02:37
45
3- Ducks Pattern
05:47
46
4- Redux Toolkit
01:36
47
5- Creating the Store
02:46
48
6- Creating Actions
05:28
49
7- Creating Reducers
06:57
50
8- Creating Slices
05:07
51
9- Exercise
00:56
52
10- Solution
03:23
53
1- Introduction
00:20
54
2- Redux State vs Local State
03:15
55
3- Structuring a Redux Store
03:24
56
4- Combining Reducers
04:10
57
5- Normalization
01:47
58
6- Selectors
03:38
59
7- Memoizing Selectors with Reselect
04:48
60
8- Exercise
00:22
61
9- Solution
08:20
62
1- Introduction
00:21
63
2- What is Middleware
01:12
64
3- Creating Middleware
06:09
65
4- Parameterizing Middleware
01:45
66
5- Dispatching Functions
08:15
67
6- Exercise
00:49
68
7- Solution
02:04
69
1- Introduction
00:25
70
2- Setting Up the Backend
01:16
71
3- The Approach
03:36
72
4- API Middleware
08:59
73
5- Actions
05:51
74
6- Restructuring the Store
02:22
75
7- Getting Data from the Server
06:35
76
8- Loading Indicators
05:04
77
9- Caching
06:18
78
10- Saving Data to the Server
03:41
79
11- Exercise
00:19
80
12- Solution- Resolving Bugs
04:05
81
13- Solution- Assigning a Bug to a User
02:30
82
14- Reducing Coupling
04:56
83
15- Cohesion
01:49
84
1- Introduction
00:40
85
2- What is Automated Testing
03:11
86
3- Setting Up the Testing Environment
04:44
87
4- Your First Unit Test
05:31
88
5- Unit Testing Redux Applications
05:11
89
6- Solitary Tests
09:05
90
7- Social Tests
09:21
91
8- Mocking HTTP Calls
03:37
92
9- Writing Clean Tests
05:40
93
10- Test Coverage
01:44
94
11- Exercises
00:24
95
12- Solution- getUnresolvedBugs
06:00
96
13- Solution- resolveBug
05:46
97
14- Solution- loadingBugs
12:10
98
1- Creating a React App
01:35
99
2- Installing Redux
01:07
100
3- Providing the Store
05:30
101
4- Subscribing and Dispatching
05:11
102
5- Connecting Components Using react-redux
08:33
103
6- Hooks
05:59
104
8- Exercise
00:25
105
9- Solution
03:20
Unlock unlimited learning

Get instant access to all 104 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

Frequently asked questions

What are the prerequisites for this course?
Before enrolling in the course, you should have a solid understanding of JavaScript and be familiar with React, as Redux is primarily used with React applications. Basic knowledge of web development and experience with JavaScript frameworks will help in grasping the concepts more effectively.
What projects or applications will be built throughout the course?
During the course, you will build Redux applications from scratch. You'll design and create a Redux store, define actions, create reducers, and connect React and Redux using react-redux. The course also includes exercises to practice designing Redux architecture and using tools like Redux DevTools for debugging.
Who is the target audience for this course?
This course is ideal for developers who are curious about implementing state management in their JavaScript applications, particularly those already using or planning to use React. It is also beneficial for developers who want to understand Redux's role in scaling applications and those preparing for technical interviews.
How does the depth and scope of this course compare to others on Redux?
This course provides a comprehensive foundation in Redux by covering essential functional programming principles, designing and structuring Redux code, and handling asynchronous events with redux-thunk. It also delves into best practices, common mistakes, and explores advanced topics like middleware and testing, offering a thorough understanding for developers of all levels.
What specific tools or platforms does the course cover?
The course covers a range of tools including Redux Toolkit for kickstarting apps, Redux DevTools for debugging, and react-redux for connecting Redux with React. It also explores middleware such as redux-thunk for handling asynchronous events and discusses the popular tools within the Redux ecosystem.
What will not be covered in this course?
While the course provides a solid foundation in Redux, it does not cover in-depth specifics of how Redux integrates with frameworks other than React, such as Angular, Ember, or Vue. It focuses on Redux's core concepts and practical applications in the context of React applications.
What is the expected time commitment to complete the course?
The course consists of 105 lessons, though the total runtime is not specified. Given this structure, students should plan on dedicating a significant amount of time to complete the course, allowing for time to comprehend the material, work through exercises, and apply the concepts practically.