What is prop drilling, and how can it be avoided?

Prop drilling occurs when data is passed through multiple nested components unnecessarily.

⚙️ Example

function App() {
  return <Parent user='Ghazi' />;
}

function Parent({ user }) {
  return <Child user={user} />;
}

function Child({ user }) {
  return <p>{user}</p>;
}

✅ Avoid by using:

• Context API
• Custom hooks
• State management libraries (Redux, Zustand)