How do you implement lazy loading of components in React?

Problem Statement

Use React.lazy() to load components only when needed, wrapped inside a <Suspense> fallback. This helps reduce bundle size and speeds up initial load.

SolutionRead Only

const Contact = React.lazy(() => import('./Contact'));
<Suspense fallback={<p>Loading...</p>}><Contact /></Suspense>

This question appears in the following practice sets: