Agile Study Group

Advanced React Pattern

Add

// Wrong
this.setState({
  counter: this.state.counter + this.props.increment,
});

// Correct
this.setState((state, props) => ({
  counter: state.counter + props.increment
}));

This.props and this.state might not be updated asynchronously

compound component - Good pattern for you want to let other can control part of the UI and they do not need to know the logic
render props - If you want to give full right (logic & UI) to others

By Stanney Yen