code splitting
webpackなどでコードをbundleする時に、大規模な開発や、大規模なOSSを使っているとファイルのサイズが巨大になってしまい、scriptを読み込むのに時間がかかってしまい、画面の表示が遅くなってしまう。
その時にReactでは
import()
を使うことでbundleを分割するように動作してくれる
この時、
create-react-app
でコードを生成していれば良いのだが、自前で実装している時には
webpack側でコード分割の設定
を変更しなければならない
またSSRを導入している場合には、
loadable-components
を使用すると良い