mcr_post_05

mcr_post_05.jsx

// Here we have a function which accepts a map of async states to action types
// as well as a thunk creator. It will yield a new thunk creator which wraps
// the provided one with our async state logic
const asyncActionCreator = (asyncTypes, createThunk) => (...args) => {  
    const thunk = createThunk(...args);

    return (dispatch) => {
      dispatch({ type: asyncTypes.pending })

      // We assume here that the wrapped thunk produces a Promise
      // We call dispatch on the thunk (it's just a normal thunk, after all)
      // and since dispatch yields its result, we can utilize the returned
      // Promise
      return dispatch(thunk)
        .then(payload => ({
          type: asyncTypes.complete,
          payload
        }))
        .catch(err => ({
          type: asyncTypes.error,
          error: true,
          payload: error
        }))
    }
}