What are props and state? How are they different?

React uses props and state to manage data flow within applications.

🧩 Props

• Short for properties.
• Passed from parent → child.
• Immutable inside the child component.

function Welcome({ name }) {
  return <h2>Hello {name}</h2>;
}

⚙️ State

• Internal data managed by the component.
• Can change over time with setState or useState.

function Counter() {
  const [count, setCount] = useState(0);
  return <button onClick={() => setCount(count + 1)}>{count}</button>;
}

✅ Difference Summary