serip39 https://blog.hatena.ne.jp/serip39/ 7839 https://serip39.hatenablog.com/ 技術 React React の SPA を実装する際に、画面遷移時にローディング画面を挿入したいことがある。今回、React v16.6 から利用可能になったReact.lazy と React.Suspense を初めて使ってみたので、備忘録として残しておく。 React.lazy とは React.Suspense とは React.lazy + React.Suspense + React Router の実装 まとめ 関連資料 React.lazy とは React.lazy を使用することで、動的に読み込んだコンポーネントを通常のコンポーネントとしてレンダリングすることができるようになる。 // 従… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fserip39.hatenablog.com%2Fentry%2F2020%2F09%2F23%2F190000" title="【React】React.lazy + React.Suspense + React Routerを使ったローディング画面実装とコード分割 - 7839" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/serip39/20200720/20200720055532.png Hatena Blog https://hatena.blog 2020-09-23 19:00:00 rich https://serip39.hatenablog.com/entry/2020/09/23/190000 1.0 100%