Skip to Content
Learn
Managing Promise Lifecycle Actions
Introduction

At this point, you can write a Redux app that uses redux-thunk—a middleware included in Redux toolkit—to permit asynchronous operations, such as fetching data from an API. In this lesson, we will explore some common patterns for managing asynchronous operations and the state changes they cause. We will learn about two Redux toolkit utilities—createAsyncThunk and the extraReducers option you can pass to the createSlice function—that simplify the process of performing asynchronous operations and reflecting their results in state.

This lesson uses Mock Service Worker to replicate the functionality of an external API. To use MSW, you’ll want to use Google Chrome and enable third-party cookies.

Instructions

Review the diagram shown. In Redux, middleware intercepts actions after dispatching and before passing them along to the reducer.

Folder Icon

Take this course for free

Already have an account?