web-dev-qa-db-ja.com

React.lazy()vs React Loadable

私はしばらくの間、Reactコンポーネントの動的インポートに react-loadable を使用していました。

最近のReact=リリース16.6では、Reactチームは動的インポートを行うReact.lazy()を含めました。

react-loadableパッケージを使用する利点はまだありますか、それとも新しいReact=バージョンに移行する時ですか?

23

はいReact Loadable。

React Loadableはサーバー側のレンダリングで動作しますが、React.lazyはクライアント側でのみ動作します。 React documentation からの引用:

注意: React.lazyおよびSuspenseは、サーバー側のレンダリングにはまだ使用できません。サーバーでレンダリングされたアプリでコード分割を行いたい場合、 React Loadable をお勧めします。ニース サーバー側レンダリングによるバンドル分割のガイド があります。

22
Patrick Hund