React.lazy()
lets you define a component that is loaded dynamically. This helps reduce the bundle size to delay loading components that aren’t used during the initial render.
// This component is loaded dynamicallyconst SomeComponent = React.lazy(() => import('./SomeComponent'));