Что делают React.lazy и Suspense?

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

React.lazy позволяет загружать компонент асинхронно через dynamic import — код компонента скачивается только когда он нужен. Suspense оборачивает ленивый компонент и показывает fallback (спиннер, скелетон) пока тот загружается. Вместе они реализуют code splitting на уровне компонентов. Это критически важно для больших приложений — пользователь не скачивает код страниц, которые может никогда не посетить. Работает с React Router.

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

Zustand vs Redux — когда что выбрать?