INTERACTIVE COURSE

The Ultimate Guide to Redux

Beginner

143 Lessons

7h 30min

Certificate of Completion

Looking to Train your Team?

Empower your engineers to reach their potential faster.

Course Overview

In this course, you will take a deep dive into Redux, an open-source JavaScript library for managing application state. You will start by running through what Redux is, general concepts, and basic implementation. With the basics out of the way, you will begin worki...Show More

Course Contents

Introduction to Redux

5 Lessons

Redux and React/Angular

Basic Redux Implementation

6 Lessons

Basic Structure Creating Functions Implementing Reducer Implementing Dispatch Final Implementation

Show all 6 lessons

Cloning a Redux Boilerplate

3 Lessons

Redux Boilerplate Skeleton Overview Setup

Complete Redux Project

11 Lessons

Introduction Store Setup Adding Recipes Adding Ingredients Structuring the Code

Show all 11 lessons

Creating a Store

5 Lessons

Creating a Store Accessing and Changing the Store Listening to Updates Replacing the Reducer Store as Observable

Decorating the Store

6 Lessons

Higher-Order Functions The Compose Function Store Enhancers The applyMiddleware function Other Uses

Show all 6 lessons

Actions and Action Creators

7 Lessons

Introduction Passing Parameters to Actions Action Creators Directory Organization Flux Standard Actions

Show all 7 lessons

Redux Thunk

3 Lessons

Adding Redux-thunk Server Communication Using State

Redux-Actions Library

5 Lessons

Redux-actions Library Errors createAction() Example Using redux-actions with redux-promises Quiz 4

Reducers

7 Lessons

Introduction Basic Reducers Reducer Separation Combining Reducers Default Values

Show all 7 lessons

Avoiding Mutations

8 Lessons

Why Do We Need to Avoid Mutations?What Is Immutability?Objects Arrays Ensuring Immutability

Show all 8 lessons

Introduction to Middleware

2 Lessons

Introduction Next()

Your First Middleware

3 Lessons

Folder Structure The measureMiddleware Connecting to Redux

Middleware

6 Lessons

Async Actions Flow Control Other Action Types Parameter-Based Middleware The Difference Between next() and dispatch()

Show all 6 lessons

State Management

5 Lessons

Introduction Reducer Nesting and Coupling Access to Multiple Nested Data Entities State as a Database Access to Multiple Nested Data Entities in Database

Keeping a Normalized State

3 Lessons

Introduction Building the Generic Action Normalizing the Data

Persistence State

3 Lessons

Introduction Updating the Root Reducer Updating the Store

Real-World State

4 Lessons

Common State Structure Keeping the State Manageable What to Put in the State Quiz 7

Server Communication

3 Lessons

Introduction Asynchronous Action Creators API Middleware

Moving Code from Action Creators

3 Lessons

Basics Avoiding Full URLs Passing Functions or Strings

Error Handling

2 Lessons

Handling errors Handling Unauthorized Requests

Server Communication II

3 Lessons

Authentication Implementing a Loading Indicator Implementing Multiple Spinners

Transforming Data

2 Lessons

Transforming Data Normalizing Responses

Chaining Requests

2 Lessons

Chaining Network Requests Quiz 8

Managing Side Effects

4 Lessons

Introduction Side Effects in Action Creators Side Effects in Middleware Other Solutions

Messaging Patterns

2 Lessons

Routing Patterns Transformation Patterns

WebSockets

4 Lessons

Basic Architecture Connecting to Redux WebSocket Implementation Handling Outgoing Messages and Actions

WebSocket Authentication

1 Lesson

Authenticating Communication

Testing

2 Lessons

Introduction Directory Organization

Testing Action Creators

3 Lessons

Testing Action Creators Using Snapshots Dynamic Action Creators

Async Action Creators

5 Lessons

Async Action Creators Mocking Axios Creating a Mock Store Async Action Creator Test Structure Basic Async Action Creator Test

Testing Reducers

6 Lessons

Basic Reducer Test Simplifying Basic Reducer Test Making the Tests Pretty Avoiding Mutations Action Creators and Reducers

Show all 6 lessons

Testing Middleware

2 Lessons

Middleware Test Structure Simplifying the Test Structure

Testing Async Middleware

5 Lessons

Testing Async Middleware Setup General Tests Successful Server Access Failed Server Access

Integration Tests

1 Lesson

Setup and Integration

Evolution Of Redux

1 Lesson

The Future of Redux

Final Assessment

Assessment

COURSE AUTHOR(S)

How You'll Learn

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Built in assessments let you test your skills. Completion certificates let you show them off.

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Built in assessments let you test your skills. Completion certificates let you show them off.

Trusted by 1.4 million developers working at companies including

Learn in-demand tech skills in half the time

PRODUCTS

Learning

Onboarding

Skill Assessments

Projects

Pricing

For Individuals

Free Trial

LEGAL

Cookie Policy

Business Terms of Service

Data Processing Agreement

CONTRIBUTE

Become an Author

Become an Affiliate

Become a Contributor

RESOURCES

Blog

EM Hub

Sessions

Answers

ABOUT US

Our Team

Careers

Hiring

Frequently Asked Questions

Press

GitHub Students Scholarship

Course Catalog

Early Access Courses

Earn Referral Credits

CodingInterview.com