Как работает React.lazy и Suspense для code splitting?

Middle
288 просмотров
AFK Offer AI

React.lazy(() => import("./Component")) создаёт ленивый компонент, загружаемый при первом рендере. Оборачивается в Suspense: }>. Пока чанк грузится — показывается fallback. Можно группировать несколько lazy компонентов в один Suspense. Для роутов: каждая страница — lazy компонент. Ограничения: только default export, не работает на сервере (нужен Next.js dynamic или Loadable Components). Suspense boundary ловит промис от lazy.

Следующий вопрос

Чем Vitest отличается от Jest?