Должен ли я использовать реагирующую или загружаемые компоненты для разделения кода?

Question

Я хочу разделить свой код реакции с рендерингом на стороне сервера.Для этого у меня есть два варианта.

• загружаемые компоненты
• реагирующая загрузка

загружаемые компоненты

Рекомендуется реагировать на документациюиспользовать loadable-components для приложений, отображаемых на сервере.Но у него очень мало еженедельных загрузок NPM.

реагирующая загрузка

Еженедельная загрузка этого пакета NPM очень высока по сравнению с предыдущим, но согласно loadable-components документация, что этот пакет больше не поддерживается.

ответная загрузка была рекомендуемым способом разделения кода React в течение длительного времени.Однако сегодня он больше не поддерживается и не совместим с Webpack v4 + и Babel v7 +. Документация Ссылка

Пожалуйста, предоставьте мне соответствующую упаковку.

Answer 1

Несмотря на то, что в документации реагирующая загрузка говорится, что реагирующая загрузка не совместима с Webpack v4 + и Babel v7 +, я использовал реагирующая загрузка , и это работал. Я не сталкивался с какой-либо проблемой в приложениях рендеринга на стороне сервера и на стороне клиента.

Answer 2

вы можете использовать React.lazy .Это автоматически загрузит пакет, содержащий OtherComponent, когда этот компонент будет визуализирован.

React.lazy принимает функцию, которая должна вызвать динамический импорт ().Это должно вернуть Обещание, которое разрешается в модуль с экспортом по умолчанию, содержащим компонент React.

const OtherComponent = React.lazy(() => import('./OtherComponent'));

function MyComponent() {
  return (
    <div>
      <OtherComponent />
    </div>
  );
}