一段时间以来,我一直在使用react-loadable来动态导入我的 React 组件。
在最近的 React 版本 16.6 中,React 团队也包含
React.lazy()
了动态导入。
仍然使用这个包有什么好处react-loadable
吗,或者是时候迁移到新的 React 版本了?
一段时间以来,我一直在使用react-loadable来动态导入我的 React 组件。
在最近的 React 版本 16.6 中,React 团队也包含
React.lazy()
了动态导入。
仍然使用这个包有什么好处react-loadable
吗,或者是时候迁移到新的 React 版本了?
不,不应再使用 React Loadable,因为它没有被维护。
它曾经是在服务器端渲染时推荐的延迟加载方式,而 React.lazy 仅适用于客户端。
React 团队现在推荐另一个库用于服务器端渲染。
引用React 文档:
注意:
React.lazy
Suspense 还不能用于服务器端渲染。如果您想在服务器渲染的应用程序中进行代码拆分,我们仍然推荐Loadable Components。它有一个很好的使用服务器端渲染进行捆绑拆分的指南。
如果你正在这样做SSR
,你会想要考虑使用Loadable
而不是React.lazy
,正如官方React.lazy
文档所建议的那样:
React.lazy 和 Suspense 还不能用于服务器端渲染。如果您想在服务器渲染的应用程序中进行代码拆分,我们推荐可加载组件。它有一个很好的使用服务器端渲染进行捆绑拆分的指南。