Isa*_*aac 7 reactjs webpack react-native
我想知道如何React.lazy
提高 React-Native 应用程序的性能。
const Warning = React.lazy(() => import('./Warning'));
...
render() {
return (
...
{
{this.state.count > 10 ? (
<React.Suspense fallback={null}>
<Warning />
</React.Suspense>
) : null}
}
)
}
Run Code Online (Sandbox Code Playgroud)
我在 ReactJS 方面了解了上述动态加载 webpack 包,我想知道它是否会在 React Native 方面有所帮助?
本质上,我们将所有 JS 代码捆绑在一起并一起发送到用户设备,所有 JS 代码都已经存在,位于用户设备中。想知道如何React.lazy
帮助提高性能,在什么意义上?
不,绝对不是。但它可能会缩短应用程序的启动时间。如果您有很多屏幕,那么如果没有延迟导入,您的应用程序启动时间将会变慢。检查没有延迟导入以及实施延迟导入后的应用程序启动时间。它还节省了一些 RAM 空间。
归档时间: |
|
查看次数: |
2185 次 |
最近记录: |