Skip to content

Instantly share code, notes, and snippets.

@rememberlenny
Created March 15, 2018 16:44
Show Gist options
  • Save rememberlenny/c4890d3f638e9d8d389d6460c938a974 to your computer and use it in GitHub Desktop.
Save rememberlenny/c4890d3f638e9d8d389d6460c938a974 to your computer and use it in GitHub Desktop.
List of React lifecycle events with console.log
componentWillMount() {
console.log('componentWillMount(){');
}
componentDidMount() {
console.log('componentDidMount(){');
}
componentWillReceiveProps(nextProps) {
console.log('componentWillReceiveProps(){');
console.log('nextProps', nextProps);
console.log('---');
}
shouldComponentUpdate(nextProps, nextState) {
console.log('shouldComponentUpdate(){');
console.log('nextProps(){', nextProps);
console.log('nextState(){', nextState);
return true;
}
componentWillUpdate() {
console.log('componentWillUpdate(){');
}
componentDidUpdate(prevProps, prevState) {
console.log('componentDidUpdate(){');
console.log('prevProps(){', prevProps);
console.log('prevState(){', prevState);
}
componentWillUnmount() {
console.log('componentWillUnmount(){');
}
componentWillUnmount() {
console.log('componentWillUnmount(){');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment