Discussion on: The 10 Component Commandments

[Eugene Samonenko]

my favorite tip with redux connect & compose to reduce boilerplate (with HOCs):

const mapStateToProps = state => ({ ... });

export default compose(
  withRouter,
  withStyles,
  ...
  connect(mapStateToProps)
)(MyComponent);

[Jin Lee]

Could you explain how it works though ? if you have your above code as a ComponentA, and lets say I call the component with some props like so. What happens inside of it ?

Thanks in advance

[Eugene Samonenko]

this is explanation: stackoverflow.com/questions/413578...