The Ultimate Guide to Redux

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 working on building a rec... See More

How You'll Learn

Hands-on coding environments

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.

Faster than videos

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.

No set-up required

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

Progress you can show

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

Hands-on coding environments

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.

Faster than videos

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.

No set-up required

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

Progress you can show

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

Course Contents

Hide All

Hide All Lessons

1. Introduction to Redux

What is Flux?

Redux and Flux

Redux Terminology

General Concepts

Redux and React/Angular

2. Basic Redux Implementation

Basic Structure

Creating Functions

Implementing Reducer

Implementing Dispatch

Final Implementation

Quiz 1

3. Cloning a Redux Boilerplate

Redux Boilerplate

Skeleton Overview

Setup

4. Complete Redux Project

Introduction

Store Setup

Adding Recipes

Adding Ingredients

Structuring the Code

A Closer Look at Reducers

Handling Typos and Duplicates

Creating User Interface

Logging

Getting Data from the Server

Quiz 2

5. Creating a Store

Creating a Store

Accessing and Changing the Store

Listening to Updates

Replacing the Reducer

Store as Observable

6. Decorating the Store

Higher-Order Functions

The Compose Function

Store Enhancers

The applyMiddleware function

Other Uses

Quiz 3

7. Actions and Action Creators

Introduction

Passing Parameters to Actions

Action Creators

Directory Organization

Flux Standard Actions

String Constants

Testing Action Creators

8. Redux Thunk

Adding Redux-thunk

Server Communication

Using State

9. Redux-Actions Library

Redux-actions Library

Errors

createAction() Example

Using redux-actions with redux-promises

Quiz 4

10. Reducers

Introduction

Basic Reducers

Reducer Separation

Combining Reducers

Default Values

Tree Mirroring

Alternative to Switch Statements

11. Avoiding Mutations

Why Do We Need to Avoid Mutations?

What Is Immutability?

Objects

Arrays

Ensuring Immutability

Using Immer for Temporary Mutations

Using Higher-Order Reducers

Quiz 5

12. Introduction to Middleware

Introduction

Next()

13. Your First Middleware

Folder Structure

The measureMiddleware

Connecting to Redux

14. Middleware

Async Actions

Flow Control

Other Action Types

Parameter-Based Middleware

The Difference Between next() and dispatch()

Quiz 6

15. State Management

Introduction

Reducer Nesting and Coupling

Access to Multiple Nested Data Entities

State as a Database

Access to Multiple Nested Data Entities in Database

16. Keeping a Normalized State

Introduction

Building the Generic Action

Normalizing the Data

17. Persistence State

Introduction

Updating the Root Reducer

Updating the Store

18. Real-World State

Common State Structure

Keeping the State Manageable

What to Put in the State

Quiz 7

19. Server Communication

Introduction

Asynchronous Action Creators

API Middleware

20. Moving Code from Action Creators

Basics

Avoiding Full URLs

Passing Functions or Strings

21. Error Handling

Handling errors

Handling Unauthorized Requests

22. Server Communication II

Authentication

Implementing a Loading Indicator

Implementing Multiple Spinners

23. Transforming Data

Transforming Data

Normalizing Responses

24. Chaining Requests

Chaining Network Requests

Quiz 8

25. Managing Side Effects

Introduction

Side Effects in Action Creators

Side Effects in Middleware

Other Solutions

26. Messaging Patterns

Routing Patterns

Transformation Patterns

27. WebSockets

Basic Architecture

Connecting to Redux

WebSocket Implementation

Handling Outgoing Messages and Actions

28. WebSocket Authentication

Authenticating Communication

29. Testing

Introduction

Directory Organization

30. Testing Action Creators

Testing Action Creators

Using Snapshots

Dynamic Action Creators

31. Async Action Creators

Async Action Creators

Mocking Axios

Creating a Mock Store

Async Action Creator Test Structure

Basic Async Action Creator Test

32. Testing Reducers

Basic Reducer Test

Simplifying Basic Reducer Test

Making the Tests Pretty

Avoiding Mutations

Action Creators and Reducers

Unknown Actions

33. Testing Middleware

Middleware Test Structure

Simplifying the Test Structure

34. Testing Async Middleware

Testing Async Middleware

Setup

General Tests

Successful Server Access

Failed Server Access

35. Integration Tests

Setup and Integration

36. Evolution Of Redux

The Future of Redux

Course Assessment

Final Assessment