Side Effects in Middleware

Explore how to handle side effects in Redux by implementing middleware. Understand the advantages of triggering side effects through actions, improving debugging and scalability by separating business logic into dedicated middleware.

We'll cover the following...

In the previous lesson, we implemented a flow to handle side effects in action creators. Let’s take a moment and implement the exact same flow, this time in a middleware:

//Handling side effects in middleware
const cartMiddleware = ({ dispatch, getState }) => next => action => {
  next(action);

  if (action.type ===

...

1.Introduction to Redux

2.Basic Redux Implementation

3.Cloning a Redux Boilerplate

4.Complete Redux Project

5.Creating a Store

6.Decorating the Store

7.Actions and Action Creators

8.Redux Thunk

9.Redux-Actions Library

10.Reducers

11.Avoiding Mutations

12.Introduction to Middleware

13.Your First Middleware

14.Middleware

15.State Management

16.Keeping a Normalized State

17.Persistence State

18.Real-World State

19.Server Communication

20.Moving Code from Action Creators

21.Error Handling

22.Server Communication II

23.Transforming Data

24.Chaining Requests

25.Managing Side Effects

26.Messaging Patterns

27.WebSockets

28.WebSocket Authentication

29.Testing

30.Testing Action Creators

31.Async Action Creators

32.Testing Reducers

33.Testing Middleware

34.Testing Async Middleware

35.Integration Tests

36.Evolution Of Redux

Assessment

Side Effects in Middleware