React Native 0.64发布更新

本是古典何须时尚 2023-01-18 02:27 158阅读 0赞

前不久，也就是2021年3月12日，React-Native官方发布了最新版本0.64，这个版本相对来说有较大的更新。

#### 一、ios中加入了hermes引擎 ####

在android版本中已经支持有一段时间的hermes引擎在ios中添加了支持。  
[Hermes][]是一个开放源代码的JavaScript引擎，专门针对运行React Native进行了优化。它通过降低内存利用率，减小下载大小并减少应用程序可用或“交互时间”（TTI）所花费的时间来提高性能。

在此版本中，您现在也可以使用Hermes在iOS上进行构建。要在iOS上启用Hermes，请在您的Podfile中将hermes\_enabled设置为true并运行pod install。

use_react_native!(
       :path => config[:reactNativePath],
       # to enable hermes on iOS, change `false` to `true` and then install pods
       :hermes_enabled => true
    )

请记住，iOS上对Hermes的支持仍处于早期阶段。在进行进一步的基准测试时，我们将其作为选择加入。我们鼓励您在自己的应用程序上尝试它，并让我们知道它如何为您工作！

#### 二、默认情况下启用内联导入 ####

Inline Requires是一个Metro配置选项，它通过延迟JavaScript模块的执行直到使用它们而不是在启动时来缩短启动时间。

此功能已经存在，已经推荐该功能被作为可选配置选项，在我们的文档的[“性能”部分中][Link 1]列出了该功能。现在，我们默认为新应用程序启用此选项，以帮助人们无需额外配置即可快速使用React Native应用程序。

Inline Requires是Babel变换，它接受模块导入并将其转换为内联。例如，Inline Requires将此模块导入调用从位于文件顶部的位置转换为使用它的位置。

Before:

import {  MyFunction } from 'my-module';
    
    const MyComponent = (props) => { 
      const result = MyFunction();
    
      return <Text>{ result}</Text>;
    };

After:

const MyComponent = (props) => { 
      const result = require('my-module').MyFunction();
    
      return <Text>{ result}</Text>;
    };

[性能文档][Link 2]中提供了有关`内联导入`的更多信息。

#### 三、使用Chrome查看Hermes痕迹 ####

在过去的一年中，Facebook赞助了美国职业棒球大联盟研究金，以支持对React Native的贡献。 Jessie Nguyen和Saphal Patro添加了使用Chrome DevTools上的“性能”选项卡来可视化应用程序在使用Hermes时的执行情况的功能。

有关更多信息，请查看新的[文档页面][Link 3]。

#### 四、具有代理支持的Hermes ####

我们已为Hermes添加了代理支持，从而实现了与热门社区项目（如react-native-firebase和mobx）的兼容性。如果您一直在使用这些软件包，则现在可以为您的项目迁移到Hermes。

我们计划在即将发布的版本中使Hermes成为Android的默认JavaScript引擎，因此我们正在努力解决人们在使用Hermes时仍然遇到的问题。如果还有其他问题使您的应用无法采用Hermes，请在[Hermes GitHub存储库][Hermes GitHub]上打开一个问题。

#### 五、React 17 ####

React 17不包含面向开发人员的新功能或重大更改。对于React Native应用程序，主要更改是新的JSX转换，使文件不再需要导入React即可使用JSX。

有关React 17的更多信息，请参见[React博客][React]。

#### 六、主要依赖版本更改 ####

*  移除了Android API级别16-20。 Facebook应用程序始终放弃对使用率足够低的Android版本的支持。由于Facebook应用程序不再支持这些版本，并且是React Native的主要测试平台，因此React Native也将放弃支持。
 *  需要Xcode 12和CocoaPods 1.10
 *  最低Node版本支持从10增加到12
 *  Flipper升至0.75.1

0.64更改日志包括此版本中包含的所有更改,[更多更详细的更新日志][Link 4]。

[Hermes]: https://hermesengine.dev/
[Link 1]: https://reactnative.dev/docs/performance
[Link 2]: https://reactnative.dev/docs/ram-bundles-inline-requires#inline-requires
[Link 3]: https://reactnative.dev/docs/profile-hermes#record-a-hermes-sampling-profile
[Hermes GitHub]: https://github.com/facebook/hermes
[React]: https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html
[Link 4]: https://github.com/react-native-community/releases/blob/master/CHANGELOG.md#v0640