Scalable Frontend - The State Layer - Don't depend on the return of actions (wrong way)

scalable-front-end-the-state-layer-dont-depend-on-the-return-of-actions-wrong-way.js

// action

const loadProduct = (id) => (dispatch, _, container) => {
  container.loadProduct({
    onSuccess: (product) => dispatch(loadProductSuccess(product)),
    onError: (error) => dispatch(loadProductError(error)),
  })
}

// component

componentDidMount() {
  const { productId, loadProduct, loadComments } = this.props

  loadProduct(productId)
    .then(() => loadComments(productId))
}