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

【问题标题】：Is React.lazy gonna improve React Native performance?React.lazy 会提高 React Native 的性能吗？
【发布时间】：2019-06-20 14:44:52
【问题描述】：

我想知道React.lazy 将如何提高 React-Native 应用程序的性能。

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

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

我在 ReactJS 方面了解了上述 动态加载 webpack 包，我想知道它是否会在 React Native 方面有所帮助？

基本上我们将所有 JS 代码捆绑在一起并一起发送到用户设备，所有 JS 代码都已经存在，位于用户设备中。想知道React.lazy 将如何帮助提高性能，在什么意义上？

【问题讨论】：

我不指望它会改进任何东西，但如果没有基准，你无法确定。
如果即使从学术上讲成绩也不会提高，我想我会省去麻烦的。原因是我对webpack 还很陌生，并且仍在试图弄清楚bundle 的一般工作原理。无论如何感谢您的输入@estus！

标签： reactjs react-native webpack

【解决方案1】：

不，绝对不是。但它可能会改善您的应用程序的启动时间。如果您有很多屏幕，那么如果没有延迟导入，您的应用启动时间会变慢。在没有延迟导入和实施延迟导入之后检查您的应用启动时间。

【讨论】：