Introduction
Redux Promise Middleware enables simple, yet robust handling of async action creators in Redux.
1
const asyncAction = () => ({
2
type: 'PROMISE',
3
payload: new Promise(...),
4
})
Copied!
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.
1
const secondAction = (data) => ({
2
type: 'SECOND',
3
payload: {...},
4
})
5
​
6
const firstAction = () => {
7
return (dispatch) => {
8
const response = dispatch({
9
type: 'FIRST',
10
payload: new Promise(...),
11
})
12
​
13
response.then((data) => {
14
dispatch(secondAction(data))
15
})
16
}
17
}
Copied!

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:
    ​5.x​
    ​4.x​
    ​3.x​
    ​2.x​
    ​1.x​

Maintainers

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

License

Last modified 1yr ago