redux-thunk

redux-thunk-action-creator.js

import {createAction} from 'redux-actions'
import {
  SOMETHING_STARTED,
  SOMETHING_SUCCESS,
  SOMETHING_ERROR
} from './constants';

export const somethingStarted = createAction(SOMETHING_STARTED);
export const somethingSucceeded = createAction(SOMETHING_SUCCESS);
export const somethingFailed= createAction(SOMETHING_ERROR);

export const doSomethingAsync = (input) => async (dispatch,getState) => {
  try {
    dispatch(somethingStarted());
    
    var data = await axios.post(...); //or fetch, whatever returns a promise
    var state = getState();
    
    //manipulate action to dispatch based on state and result of async call
    var payload = {data,state};
    
    dispatch(somethingSucceeded(payload));
  } catch(err) {
    dispatch(somethingFailed(err));
  }
}