Higher Order Actions

hoa.js

const higherOrderAction = (func) => (...args) => (dispatch, ...props) => {
  // Do whatever you need.

  // Call the wrapped action.
  const call = func(undefined, ...args);
  
  // Check if the call returns a function, which means it is an async action
  if (call && call.constructor && call.call && call.apply) {
    return call(dispatch, ...props);
  }

  return dispatch(call);
};

const actionStart = () => ({
  type: 'ACTION_ONE',
});

const actionFinish = (result) => ({
  type: 'ACTION_ONE',
  result,
});

const actionAsync = (a, b) => (dispatch) => {
  dispatch(actionStart());
  dispatch(actionFinish(a+b);
};

export const higherActionStart = higherOrderAction(actionStart);
export const higherActionFinish = higherOrderAction(actionFinish);
export const higherActionAsync = higherOrderAction(actionAsync);