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

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

// action

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

// component

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

  loadProduct(productId)
}