React Lifecycle
Nikhil John
Flow 1: Mounting
constructor()
static getDerivedStateFromProps()
render()
componentDidMount()componentWillMount()Flow 2: Updating
(prop change)
static getDerivedStateFromProps()
shouldComponentUpdate()
render()
getSnapshotBeforeUpdate()
componentDidUpdate()componentWillUpdate()
componentWillReceiveProps()Flow 2: Unmounting
componentDidUnmount()React Best Practices
- 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
