List all lifecycle methods.

Q: List all lifecycle methods.

constructor static getDerivedStateFromProps render() componentDidMount getSnapshotBeforeUpdate shouldComponentUpdate componentDidUpdate -> after the component updates componentWillUnmount() → cleanup when the component is unmounting componentDidCatch

Difficulty: 5/10

class component lifecycle, hooks useEffect, error boundaries

Lifecycle methods are available to class based components:

1
constructor
2
static getDerivedStateFromProps
3
render()
4
componentDidMount
5
getSnapshotBeforeUpdate
6
shouldComponentUpdate
7
componentDidUpdate -> after the component updates
8
componentWillUnmount() → cleanup when the component is unmounting
9
componentDidCatch

Scenario Questions

0-2 years experience

1How would you add a console.log to see when a component mounts and when it unmounts?
2Which lifecycle method runs right after the first render, and what is it typically used for?
3What happens if you call setState inside componentWillUnmount?

Follow-up Questions