@lexstile

Динамическая подгрузка компонентов REACT?

Можно ли так подгружать компонеты или лучше через React.lazy ?
Какие могут быть подводные камни у двнного подхода?
// @flow
import * as React from 'react';
import * as MovieLayouts from './Layouts';
import { Rating } from './constants';
import type { MovieType, RecommendationsType } from '../../types';
import styles from './Movie.less';

type MoviePropsType = {
  movie: MovieType,
  recommendation: RecommendationsType,
  layout: String,
};

const setColorBorder = (rating) => {
  switch (rating) {
    case Rating.GOLD: return styles.borderGold;
    case Rating.SILVER: return styles.borderSilver;
    default: return '';
  }
};

const initializeComponent = layout => MovieLayouts[`${layout}MovieLayout`];

export const Movie = (
  { movie, recommendation, layout } : MoviePropsType
) => {
  const rating = setColorBorder(recommendation && recommendation.rating);
  const MovieLayout = initializeComponent(layout);

  return (
    <MovieLayout
      movie={movie}
      rating={rating}
    />
  );
};
  • Вопрос задан
  • 179 просмотров
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
А где у вас тут подгрузка? Webpack просто сложит все, что есть в Layouts в бандл.
Советую подключить webpack-bundle-analizer для анализа содержимого бандла.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы