私はしばらくの間、Reactコンポーネントの動的インポートに react-loadable を使用していました。
最近のReact=リリース16.6では、Reactチームは動的インポートを行うReact.lazy()
を含めました。
react-loadable
パッケージを使用する利点はまだありますか、それとも新しいReact=バージョンに移行する時ですか?
はいReact Loadable。
React Loadableはサーバー側のレンダリングで動作しますが、React.lazyはクライアント側でのみ動作します。 React documentation からの引用:
注意:
React.lazy
およびSuspenseは、サーバー側のレンダリングにはまだ使用できません。サーバーでレンダリングされたアプリでコード分割を行いたい場合、 React Loadable をお勧めします。ニース サーバー側レンダリングによるバンドル分割のガイド があります。