🔄 What is a Lifecycle Event in React? (Layman Explanation)

In React, a lifecycle event is like a stage in a component’s life, just like a human has stages — born, lives, changes, and dies.

React components go through three main phases:

🍼 1. Mounting — When the component is born (added to the screen)

This happens when the component first shows up.

🔧 You can do things like:

• Fetch data from a server
• Set up timers or event listeners

🛠 In code:

useEffect(() => {
  console.log('Component mounted');
}, []);

🔄 2. Updating — When the component changes (gets new props or state)

This happens if:

• A user clicks a button
• The component gets new data
• The component’s internal state changes

🔧 You can do things like:

• React to user input