Redux Delayed Dispatch

Delayed Dispatch is setTimeout/clearTimeout but in middleware form with some small enhancements.

Install and setup

1. npm install redux-delayed-dispatch
2. Add the store enhancer using applyMiddleware:

Example:

// import middleware
import delayedDispatch from 'redux-delayed-dispatch';
 
// use middleware in your store
createStore( reducer, applyMiddleware( delayedDispatch ) );

Using

For basic actions where the keys and values of the redux action or primitives (excluding object, array, and function )

import { delayAction, cancelAction } from 'redux-delayed-dispatch';
 
const myAction = ( param ) => ( { type: 'ACTION_TYPE', param } );
 
// delays myAction for 100 ms
const { id, cancel } = dispatch( delayAction( myAction, 100 ) );
if ( shouldCancelTimer ) {
    // myAction will not be dispatched
    dispatch( cancel );
}