💫
💫
💫
💫
Promise Middleware
GitHubStackOverflownpm
Search…
Introduction
Getting Started
Introduction
Design Principles
Guides
Catching Errors Thrown by Rejected Promises
Chaining Actions
Comparison to other promise middleware
Custom Type Delimiters
Custom Types
Optimistic Updates
Use with Async/Await
Use with Reducers
Use with Redux Actions
Use with Redux Promise Actions
Use with Promises Resolved with Null Values
Upgrade Guides
Upgrade from 5.x to 6.0.0
Upgrade from 4.x to 5.0.0
Upgrade from 3.x to 4.0.0
Release History
Powered By GitBook
Introduction
Redux Promise Middleware enables simple, yet robust handling of async action creators in Redux.
const asyncAction = () => ({
type: 'PROMISE',
payload: new Promise(...),
})
Given a single action with an async payload, the middleware transforms the action to a separate pending action and a separate fulfilled/rejected action, representing the states of the async action.
The middleware can be combined with Redux Thunk to chain action creators.
const secondAction = (data) => ({
type: 'SECOND',
payload: {...},
})
​
const firstAction = () => {
return (dispatch) => {
const response = dispatch({
type: 'FIRST',
payload: new Promise(...),
})
​
response.then((data) => {
dispatch(secondAction(data))
})
}
}

Documentation and Help

Heads Up: Version 6 includes some breaking changes. Check the upgrading guide for help.

Issues

For bug reports and feature requests, file an issue on GitHub.

Releases

For older versions:

Maintainers

Please reach out to us if you have any questions or comments.
Patrick Burtchaell (pburtchaell):
Thomas Hudspith-Tatham (tomatau):

License

Next - Getting Started
Introduction
Last modified 2yr ago
Copy link
Outline
Documentation and Help
Issues
Releases
Maintainers
License