Skip to content

Instantly share code, notes, and snippets.

@thiagovilla
Last active August 22, 2018 20:08
Show Gist options
  • Save thiagovilla/c9cfd88506c42eef0580f43e95599ca4 to your computer and use it in GitHub Desktop.
Save thiagovilla/c9cfd88506c42eef0580f43e95599ca4 to your computer and use it in GitHub Desktop.
Triplet action creators for async API fetch in Redux
// duck/ordersActions.js
export const FETCH_ORDERS_REQUEST = 'FETCH_ORDERS_REQUEST'
export const FETCH_ORDERS_SUCCESS = 'FETCH_ORDERS_SUCCESS'
export const FETCH_ORDERS_ERROR = 'FETCH_ORDERS_ERROR'
export const fetchOrdersRequest = _ => ({ // _ = ()
type: FETCH_ORDERS_REQUEST
// no payload
})
export const fetchOrdersSuccess = orders => ({
type: FETCH_ORDERS_SUCCESS,
payload: { orders } // same as 'payload: { orders: orders }'
})
export const fetchOrdersError = error => ({
type: FETCH_ORDERS_ERROR,
payload: { error }
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment