【React】React.lazy + React.Suspense + React Routerを使ったローディング画面実装とコード分割 - 7839React の SPA を実装する際に、画面遷移時にローディング画面を挿入したいことがある。今回、React v16.6 から利用可能になったReact.lazy と React.Suspense を初めて使ってみたので、備忘録として残しておく。 React.lazy とは React.Suspense とは React.lazy + React.Suspense + React Router の実装 まとめ 関連資料 React.lazy とは React.lazy を使用することで、動的に読み込んだコンポーネントを通常のコンポーネントとしてレンダリングすることができるようになる。 // 従来のimport import OtherComponent from './OtherComponent' // React.lazy + Dynamic import const LazyComp
