Как использовал Lazy Loading в React

Lazy Loading в React используется для оптимизации загрузки компонентов, уменьшая начальный размер бандла. Основные подходы: 1. **React.lazy() + Suspense**: ```jsx import { lazy, Suspense } from 'react'; const LazyComponent = lazy(() => import('./LazyComponent')); function App() { return ( Loading...}> ); } ``` 2. **Для маршрутов (React Router)**: ```jsx const Home = lazy(() => import('./pages/Home')); const About = lazy(() => import('./pages/About')); } /> } /> ``` Ключевые моменты: - Работает только с default экспортами - Требует Suspense для обработки состояния загрузки - Особенно полезен для больших компонентов и маршрутов - Можно комбинировать с preloading для прогнозируемого перехода