Advanced Redux

By Daniel Stern
Redux is one of the most starred JavaScript repositories on GitHub. This course will teach you advanced Redux techniques, including using sagas, using selectors, creating React components, and creating middleware.
Play course overview
Course info
Rating
(90)
Level
Advanced
Updated
Jun 2, 2017
Duration
2h 55m
Table of contents
Course Overview
Course Overview 1m
Course Introduction
Introduction 2m Why Redux? 1m Who This Course Is For 2m What This Course Will / Won’t Be Covering 4m Course Prerequisites 1m Course Roadmap 1m Overview of the Demo Application 3m Troubleshooting the Demo Application 2m
Advanced Immutability
Introduction 1m Immutability Recap 1m Immutable.js 2m Advantages and Disadvantages 3m Setting up the Dev Environment 5m Normalizing State Shape 2m Creating Normalized Default State 3m Module Summary 1m
Advanced Combining Reducers
Introduction 1m Limitations and Advantages of Built-in CombineReducers Functionality 3m How Is CombineReducers Implemented? 2m Implementing CombineReducers 4m Summary 1m
Creating Redux Middleware
Module Introduction 1m Introduction to Redux Middleware 1m Why Use Middleware? 1m Middleware Structure 1m Popular Redux Middleware 2m Overview of WebSocket Middleware 1m Implementing WebSocket Middleware 8m Summary 1m
React-redux
Module Introduction 1m Why Use React-redux? 3m Display and Container Components 4m Connecting Components 1m Understanding mapStateToProps and mapDispatchToProps 2m Implementing React-redux 16m Server-side Rendering with React and Redux 1m Adding Isomorphic Functionality 8m Summary 1m
Redux Thunk
Module Introduction 1m What Is a Thunk? 3m Understanding Redux Thunk 3m Understanding Selectors 2m Implementing Selectors 8m Implementing Redux Thunk 10m Summary 1m
Redux Saga
Introduction to Redux Saga / Module Roadmap 2m What Is a Saga? 4m What Is Redux Saga? 1m Redux Saga vs. Redux Thunk 2m Understanding Yield 1m Implementing the UserStatus Saga 7m Redux Saga Effects 1m Interactions Between Sagas 1m Implementing Additional Sagas 6m Redux Saga Review 1m
Redux DevTools
Introduction 1m What Are Redux DevTools? 1m Debugging the Application with DevTools 6m Conclusion 1m
Conclusion
Reviewing the Application 4m Course Summary 5m Continued Learning 2m Thank You! 1m
Description
Course info
Rating
(90)
Level
Advanced
Updated
Jun 2, 2017
Duration
2h 55m
Description

At the core of any successful web application is in-depth knowledge of how to properly track and update your application's state. In this course, Advanced Redux, you will learn how to implement Redux and its middlewares to create highly maintainable and performant data models. You will learn how to create middleware, how to implement immutable state, and how to use Redux Saga. When you're finished with this course, you will have advanced knowledge of Redux that will help increase your value in the workplace or greatly assist you in creating web applications on your own.

About the author
Daniel Stern
About the author

Daniel Stern is a freelance web developer from Toronto, Ontario who specializes in Angular, ES6, TypeScript and React. His work has been featured in CSS Weekly, JavaScript Weekly and at Full Stack Conf in England.

More from the author
Server Rendering React Components
Intermediate
1h 30m
Apr 17, 2020
Configuring, Compiling, and Debugging TypeScript Projects
Beginner
2h 7m
Dec 20, 2019
Force Layout Graphs in D3
Beginner
2h 15m
Aug 13, 2019
More courses by Daniel Stern

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT