This provides an example of a factory for asynchronous actions that handle making HTTP requests and dealing with the response and errors.

api_call_async_action_creators.js

/**
 * Assumptions:
 * - Using redux-thunk middleware
 * - requester is an HTTP client service
 * - normalizr function provided by a library (e.g., normalizr, json-api-normalizr)
 */

function createApiGetAsyncAction(resource, namespace) {
  return function asyncAction() {
    return function thunk(dispatch) {
      dispatch({ type: `${namespace}/get/REQUEST` })
      return requester.get(resource)
        .then(function handleResponse(response) {
          if (!response.isOk) {
            throw new Error(`Received an error response from the server after requesting GET for resource "${resource}": ${JSON.stringify(response)}`)
          }
          const data = normalize(response)
          dispatch({
            type: `${namespace}/get/SUCCESS`,
            data
          })
        })
        .catch(function handleError(error) {
          console.error(`Encountered an error while attempting to GET ALL for type "${resource}". ${error.message}`)
          dispatch({
            type: `${namespace}/get/FAILURE`,
            error
          })
        })
    }
  }
}