Зачем нужен Suspense в React

Suspense позволяет откладывать рендеринг части компонента до выполнения асинхронных операций (загрузка данных, ленивая загрузка кода). Основные сценарии: 1. Ленивая загрузка компонентов (`React.lazy`) 2. Загрузка данных (с использованием библиотек типа Relay, SWR) Пример с ленивой загрузкой: ```jsx const LazyComponent = React.lazy(() => import('./LazyComponent')); function App() { return ( Loading...}> ); } ``` Ключевые особенности: - Показывает `fallback` до готовности дочерних компонентов - Может быть вложенным для разных уровней загрузки - Работает только с асинхронными операциями, поддерживающими Suspense API ⚠️ Не заменяет обработку ошибок — для этого нужен Error Boundary.