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

By signing up for Codecademy, you agree to Codecademy's Terms of Service & Privacy Policy.
Already have an account?