The Ultimate Redux Course – Mosh Hamedani
Learn to build modern apps
Redux is the most popular state management library for JavaScript apps.
It’s mostly used with React but it’s also becoming popular in Angular, Ember and Vue communities.
Despite being a small library with a small footprint, a lot of developers find Redux confusing and complicated. They also complain that Redux introduces a lot of boilerplate in the code and makes trivial things overly complicated.
This course gives you a solid foundation on Redux and teaches you how to write clean and concise modern Redux code.
You’ll learn everything about Redux including the whats, whys, hows, and industry best practices.
A short and sweet course that you can watch in an afternoon – free of fluff and nonsense.
Simply put, this is the Redux course that I wish I had when I started learning Redux.
By the end of this course, you’ll be able 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’l Learn…
- What Redux is and when to use it
- Essential functional programming principles
- Use Redux Toolkit to kickstart Redux apps
- Debug apps using Redux DevTools
- Design a Redux store
- Write clean, concise, maintainable Redux code
- Properly structure Redux code
- Handle asynchronous events with redux-thunk
- Use existing middleware or write your own
- Test Redux code, the right way
- Connect React and Redux using react-redux
- The popular tools in Redux ecosystem
- Industry best practices and recommended patterns
- Common mistakes that many Redux devs make
- And much, much, more…
Who is this course for?
- Developers curious about Redux, the benefits it provides and how to use it properly
- Developers who want to add Redux to their skill set to get a raise or apply for a better job
Course Curriculum
Getting Started (7m)
Start1- Welcome (0:51)
Preview2- What is Redux? (2:17)
Preview3- Pros and Cons of Redux (5:29)
Preview4- Is Redux for You? (2:29)
Preview5- Setting Up the Development Environment (1:48)
Preview6- Course Structure (2:24)
Functional Programming in JavaScript (42m)
Start1- Introduction (0:27)
Start2- What is Functional Programming? (1:25)
Start3- Functions as First-class Citizens (3:07)
Start4- Higher-order Functions (1:33)
Start5- Function Composition (3:38)
Start6- Composing and Piping (2:22)
Start7- Currying (5:44)
Start8- Pure Functions (2:50)
Start9- Immutability (4:14)
Start10- Updating Objects (4:33)
Start11- Updating Arrays (3:55)
Start12- Enforcing Immutability (1:05)
Start13- Immutable.js (3:39)
Start14- Immer (2:53)
Start15- Quiz
Start16- Coding Challenges
Redux Fundamentals (37m)
Start1- Introduction (0:25)
Start2- Redux Architecture (5:03)
Start3- Your First Redux App (1:44)
Start4- Designing the Store (1:27)
Start5- Defining the Actions (3:26)
Start6- Creating a Reducer (6:13)
Start7- Creating the Store (1:26)
Start8- Dispatching Actions (2:45)
Start9- Subscribing to the Store (2:07)
Start10- Action Types (3:53)
Start11- Action Creators (2:58)
Start12- Exercise (0:17)
Start13- Solution (4:57)
Building Redux from Scratch (12m)
Start1- Introduction (0:18)
Start2- Redux Store (1:10)
Start3- Private Properties (4:18)
Start4- Dispatching Actions (3:04)
Start5- Subscribing to the Store (2:36)
StartA Quick Note
Debugging Redux Applications (15m)
Start1- Introduction (0:15)
Start2- Installing Redux DevTools (2:55)
Start3- The Basics (2:25)
Start4- Inspector Monitor (3:52)
Start5- Tracing (4:26)
Start6- Exporting and Importing (1:35)
Writing Clean Redux Code (34m)
Start1- Introduction (0:15)
Start2- Structuring Files and Folders (2:36)
Start3- Ducks Pattern (5:46)
Start4- Redux Toolkit (1:35)
Start5- Creating the Store (2:45)
Start6- Creating Actions (5:27)
Start7- Creating Reducers (6:56)
Start8- Creating Slices (5:06)
Start9- Exercise (0:55)
Start10- Solution (3:22)
Designing the Store (30m)
Start1- Introduction (0:19)
Start2- Redux State vs Local State (3:14)
Start3- Structuring a Redux Store (3:23)
Start4- Combining Reducers (4:09)
Start5- Normalization (1:46)
Start6- Selectors (3:37)
Start7- Memoizing Selectors with Reselect (4:47)
Start8- Exercise (0:21)
Start9- Solution (8:19)
Middleware (20m)
Start1- Introduction (0:20)
Start2- What is Middleware (1:11)
Start3- Creating Middleware (6:08)
Start4- Parameterizing Middleware (1:44)
Start5- Dispatching Functions (8:14)
Start6- Exercise (0:48)
Start7- Solution (2:03)
StartA Quick Note
Consuming APIs (1h)
Start1- Introduction (0:24)
Start2- Setting Up the Backend (1:15)
Start3- The Approach (3:35)
Start4- API Middleware (8:58)
Start5- Actions (5:50)
Start6- Restructuring the Store (2:21)
Start7- Getting Data from the Server (6:34)
Start8- Loading Indicators (5:03)
Start9- Caching (6:17)
Start10- Saving Data to the Server (3:40)
Start11- Exercise (0:18)
Start12- Solution- Resolving Bugs (4:04)
Start13- Solution- Assigning a Bug to a User (2:29)
Start14- Reducing Coupling (4:55)
Start15- Cohesion (1:48)
Testing Redux Applications (73m)
Start1- Introduction (0:39)
Start2- What is Automated Testing? (3:10)
Start3- Setting Up the Testing Environment (4:43)
Start4- Your First Unit Test (5:30)
Start5- Unit Testing Redux Applications (5:10)
Start6- Solitary Tests (9:04)
Start7- Social Tests (9:20)
Start8- Mocking HTTP Calls (3:36)
Start9- Writing Clean Tests (5:39)
Start10- Test Coverage (1:43)
Start11- Exercises (0:23)
Start12- Solution- getUnresolvedBugs (5:59)
Start13- Solution- resolveBug (5:45)
Start14- Solution- loadingBugs (12:09)
StartA Quick Note
Integration with React (31m)
Start1- Creating a React App (1:34)
Start2- Installing Redux (1:06)
Start3- Providing the Store (5:29)
Start4- Subscribing and Dispatching (5:10)
Start5- Connecting Components Using react-redux (8:32)
Start6- Hooks (5:58)
Start7- Connect One or Many Components?
Start8- Exercise (0:24)
Start9- Solution (3:19)
PLEASE CHECK VIDEO OF ALL CONTENTS : WATCH HERE!
” frameborder=”0″ allowfullscreen=”allowfullscreen” data-mce-fragment=”1″>
