Learn

In this lesson you:

  • Learned about Redux middleware and wrote your own simple logging middleware
  • Encountered thunks and learned about how valuable thunks are for deferring computation
const remindMeLater = task => { return () => { remindMeTo(task) } }
  • Discovered redux-thunk, a middleware that allows you to write asynchronous action creators that return thunks instead of objects

  • Automatically enabled redux-thunk by using configureStore

import { configureStore } from '@reduxjs/toolkit;
  • Took a deep dive into the middleware’s source code, in order to understand how the middleware actually works
  • Wrote your own asynchronous action creators in the format that redux-thunk expects
const getUser = (id) => { return async (dispatch, getState) => { const payload = await fetchUser(id) dispatch({type: 'users/addUser', payload: payload}) } }

If you’d like to learn more, you can read the redux-thunk documentation and visit the Redux Toolkit site to see how configureStore includes redux-thunk by default.

Instructions

Adding redux-thunk to our projects enables us to write asynchronous actions. In the case of our recipe app, redux-thunk has allowed us to fetch all the recipes you see displayed here.

Take this course for free

Mini Info Outline Icon
By signing up for Codecademy, you agree to Codecademy's Terms of Service & Privacy Policy.

Or sign up using:

Already have an account?