Redux async actions example

actions.js

const defaultError = (type, error) => (
  {
    type,
    error: true,
    payload: {
      message: error
    },
  }
);

const defaultSuccess = (type, results) => (
  {
    type,
    payload: {
      data: results,
      receivedAt: Date.now()
    }
  }
);

const getDataStart = () => ({ type: 'GET_DATA_START' });
const getDataError = (err) => defaultError('GET_DATA_ERROR', err);
const getDataSuccess = (res) => defaultSuccess('GET_DATA_SUCCESS', res);

export const getData = () => {
  return (dispatch) => {
    dispatch(getDataStart());

    return api.getData()
      .then(
        r => dispatch(getDataSuccess(r)),
        e => dispatch(getDataError(e))
      );
  };
};