Skip to content
Switch branches/tags
Go to file
Cannot retrieve contributors at this time

Use with Redux Promise Middleware Actions

To use this middleware with redux-promise-middleware-actions, invoke createAsyncAction and return a promise from the payload creator.

import { createAsyncAction } from 'redux-promise-middleware-actions';

// Create an async action
const fooAction = createAsyncAction('FOO', async (url) => {
  const response = await fetch(url);
  return response.json();

// Use async action

This would dispatch FOO_PENDING and FOO_FULFILLED with the data as the payload. fooAction has a reference to these action creators on the object itself, e.g. fooAction.pending(). You can listen for these in the reducer like this:

const reducer = (state, action) => {
  switch (action.type) {
    case String(fooAction.pending):
      return {
        pending: true,
    case String(fooAction.fulfilled):
      return {
        data: action.payload,
        error: undefined,
        pending: false,
    case String(fooAction.rejected):
      return {
        error: action.payload,
        pending: false,
      return state;