React Lifecycle

Nikhil John

Flow 1: Mounting

constructor()
static getDerivedStateFromProps()
render()
componentDidMount()

componentWillMount()

static getDerivedStateFromProps()
shouldComponentUpdate()
render()
getSnapshotBeforeUpdate()
componentDidUpdate()

componentWillUpdate()
componentWillReceiveProps()

componentDidUnmount()

Good linting
Use propTypes and defaultProps.
Know when to make new components.
Know when to write a Component, PureComponent, and a Stateless Functional Component.
Use React Dev Tools.
Use inline conditional statements in your code.
Use Snippet Libraries to save a ton of time that is usually wasted on boilerplate code.
Learn how React works with React Internals.
Use tools like Bit / StoryBook to improve your component development workflow