React Performance Optimization: Lazy Loading

To create a component that renders slowly for transition effects
To create a component that doesn't re-render often
To dynamically import a component as a regular component
React.lazy() is used to dynamically import a component as a regular component. It takes a function that must call a dynamic import() (which returns a Promise), and returns a component that can be rendered like any other component. The lazy component will only be loaded when it's rendered for the first time, enabling code splitting without affecting the component's usage in your application. This helps reduce the initial bundle size and improves application performance.
To delay the rendering of low-priority components