Loadable Components — это библиотека, которая позволяет делать code-splitting в React-приложениях с серверным рендерингом, давая тебе возможность рендерить динамические импорты как обычные компоненты.
Loadable Components — это рекомендуемое решение для code-splitting в приложениях с серверным рендерингом, потому что React.lazy и Suspense пока не поддерживают SSR.
Loadable Components оборачивает динамические импорты и разбивает их на отдельные бандлы, улучшая время начальной загрузки и производительность.
import loadable from '@loadable/component'
const OtherComponent = loadable(() => import('./OtherComponent'))
function MyComponent() {
return (
<div>
<OtherComponent />
</div>
)
}
Используй Loadable Components, когда тебе нужно:
Loadable Components — предпочтительное решение для code-splitting в server-rendered React приложениях, потому что React.lazy и Suspense пока не поддерживают серверный рендеринг.
Новый — ещё не проверен сообществом
Вы