Enables simple, yet robust handling of async action creators in Redux
npm install redux-promise-middleware
Redux Promise Middleware enables simple, yet robust handling of async action creators in Redux.
``js`
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.
`js
const secondAction = (data) => ({
type: 'SECOND',
payload: {...},
})
const firstAction = () => {
return (dispatch) => {
const response = dispatch({
type: 'FIRST',
payload: new Promise(...),
})
response.then((data) => {
dispatch(secondAction(data))
})
}
}
``
Heads Up: Version 6 includes some breaking changes. Check the upgrading guide for help.
For help, ask a question on StackOverflow.
For older versions:
- 5.x
- 4.x
- 3.x
- 2.x
- 1.x
Patrick Burtchaell (pburtchaell):
- GitHub
Thomas Hudspith-Tatham (tomatau):
- GitHub