Redux Promise Middleware

Redux promise middleware enables robust handling of async action creators in Redux: it accepts a promise and dispatches pending, fulfilled and rejected actions.

const promiseAction = () => ({
  type: 'PROMISE',
  payload: Promise.resolve(),
})

The middleware can also be combined with Redux Thunk to chain action creators.

const secondAction = (data) => ({
  type: 'TWO',
  payload: data,
})

const first = () => {
  return (dispatch) => {
    const response = dispatch({
      type: 'ONE',
      payload: Promise.resolve(),
    })

    response.then((data) => {
      dispatch(secondAction(data))
    })
  }
}

Docs and Help

• Introduction
• Guides
• Examples

Issues and Pull Requests

• Contributing Guide
• Code of Conduct

Releases

• Releases
• Version Upgrade Guide

Older versions:

• 4.x
• 3.x
• 2.x
• 1.x

Maintainers

• Patrick Burtchaell (pburtchaell):
  • Twitter
  • GitHub
• [Thomas Hudspith-Tatham (tomatau):
  • GitHub

Please reach out to us if you have any questions!

Copyright (c) 2015-Current Patrick Burtchaell. Code licensed with the MIT License (MIT). Documentation licensed with the CC BY-NC License.