React Lifecycle Methods & Effects

Question 1

What are the three main phases of a component’s lifecycle?

Answer 1

Mounting, Updating, and Unmounting.

Question 2

What is the purpose of the componentDidMount lifecycle method?

Answer 2

It’s invoked immediately after a component is inserted into the tree and is commonly used for fetching data or initializing subscriptions.

Question 3

How can you replicate componentDidMount with hooks?

Answer 3

Using the useEffect hook with an empty dependency array: useEffect(() => { /* code here */ }, []).