1
ReactAdvanced#performance#data
ReactAdvanced#performance
What is lazy loading and code splitting in React?
React.lazy plus Suspense loads a component's bundle only when it renders, shrinking the initial JavaScript payload. Route-level splitting gives the biggest win.
Example
const Reports = React.lazy(() => import('./Reports'));
<Suspense fallback={<Spinner />}>
<Reports />
</Suspense>