What is React.lazy and Suspense? How does lazy loading work in React?

React.lazy enables code-splitting, allowing components to load only when needed.

⚙️ Example

const Profile = React.lazy(() => import('./Profile'));

function App() {
  return (
    <Suspense fallback={<p>Loading...</p>}>
      <Profile />
    </Suspense>
  );
}

✅ Benefits:

• Reduces initial bundle size.
• Improves load times.
• Perfect for large applications with multiple routes.

⚠️ Use Suspense to handle component loading states gracefully.