Next.js · Junior · Запитання 39 з 75

Як ліниво завантажити важкий клієнтський компонент у Next.js?

✓Правильна відповідь: Через next/dynamic (або React.lazy + Suspense)
2Через атрибут lazy у компонента в JSX
3Через import усередині useEffect зі збереженням у state

Пояснення

const Chart = dynamic(() => import('./Chart')) виносить код в окремий чанк і дає змогу задати loading. Опція ssr: false вимикає рендер на сервері, але її можна використовувати лише в клієнтських компонентах. Серверні компоненти й так не потрапляють у бандл.

Де почитати

Next.js: Lazy Loading ↗

Як ліниво завантажити важкий клієнтський компонент у Next.js?

Пояснення

Де почитати

Помилка в запитанні

Перевірте себе