redux-thunk-async.js

export function incrementAsync(n) {
  return async (dispatch, getState) => {
    console.log('initial count', getState().counter.count)
    dispatch({ type: 'COUNTER_COUNTING', counting: true })
    for (let i = 1; i <= n; i++) {
      dispatch({ type: 'COUNTER_INCREMENT', n: 1 })
      await new Promise(resolve => setTimeout(resolve, 500))
    }
    dispatch({ type: 'COUNTER_COUNTING', counting: false })
  }
}