webpack React.lazy会提高React Native的性能吗？

z5btuh9x 于 2022-12-13 发布在 Webpack

关注(0)|答案(2)|浏览(132)

我想知道React.lazy是否能提高React Native应用的性能。

const Warning = React.lazy(() => import('./Warning'));
...
render() {
  return (
    ...
    {
      {this.state.count > 10 ? (
          <React.Suspense fallback={null}>
            <Warning />
          </React.Suspense>
        ) : null}
    }
  )
}

我知道上面使用的是动态加载Webpack包来自ReactJS端，我想知道它是否有助于React Native端？
本质上，我们把所有的JS代码捆绑在一起，然后一起运送到用户设备上。所有的JS代码都已经在那里了，就在用户的设备上。我想知道React.lazy是否会提高性能，以及如何提高。

webpack

来源：https://stackoverflow.com/questions/54387742/will-react-lazy-improve-react-native-performance

2条答案

按热度按时间

qyswt5oh1#

不，肯定不会。但它可能会改善你的应用程序的启动时间。如果你有很多屏幕，那么你的应用程序启动时间会变慢，没有懒惰导入。检查你的应用程序启动时间没有懒惰导入和实施懒惰导入后。也节省了一些内存空间。

赞(0）回复(0）举报 2022-12-13

wswtfjt72#

它可以工作，但它不主要用于应用程序启动，而是昂贵的加载组件。

const SomeHeavyComponent = React.lazy(() => import('../SomeHeavyComponent'));

<View style={StyleSheet.absoluteFill}>
    <React.Suspense fallback={MyLoader()}>
      <SomeHeavyComponent />
    </React.Suspense>
  </View>

当使用React导航选项卡，并且您希望在选项卡之间快速切换，并且不等待HeavyComponent在选项卡切换之前呈现时，它很有用。

赞(0）回复(0）举报 2022-12-13

我来回答

webpack React.lazy会提高React Native的性能吗？

2条答案

相关问题

热门标签

最新问答