Optimistic Updates
Optimistic [updates to a UI] don't wait for an operation to finish to update to the final state. They immediately switch to the final state, showing fake data for the time while the real operation is still in-progress.
"Optimistic UI," a short article by UX Planet, is a great summary if you are unfamiliar with the practice. In short, it's the practice of updating the UI when a request is pending. This makes the experience more fluid for users.
Because promise middleware dispatches a pending action, it is easy to optimistically update the Redux store.
You may pass an optional
data object. This is dispatched from the pending action and is useful for optimistic updates.const foo = data => ({
type: 'FOO',
payload: {
promise: new Promise(),
data: data
}
});
Considering the action creator above, the pending action would be described as:
// pending action
{
type: 'FOO_PENDING',
payload: data
}
Last modified 4yr ago