跳到主要内容

Hermes 迈向默认引擎

·14 分钟阅读
Xuan Huang
黄轩
Meta 软件工程师

我们于2019年发布Hermes以来,它在社区中的采用率不断提高。Expo团队维护着一个流行的React Native应用程序元框架,他们最近宣布了对Hermes的实验性支持,此前它一直是Expo最受用户请求的功能之一Realm团队,一个流行的移动数据库,也最近发布了对Hermes的Alpha支持。在这篇文章中,我们想强调过去两年中我们所取得的一些最令人兴奋的进展,以推动Hermes成为React Native最好的JavaScript引擎。展望未来,我们相信通过这些改进和更多即将推出的功能,我们可以使Hermes成为所有平台上React Native的默认JavaScript引擎。

为 iOS 15 和 Android 12 准备您的应用

·阅读时间:4 分钟
Samuel Susla
Samuel Susla
Meta 软件工程师

大家好!

随着今年晚些时候新的移动操作系统版本发布,我们建议您提前准备好您的 React Native 应用,以避免在这些版本普遍可用时出现问题。

React Native 正在招聘经理,以拓展移动领域之外

·阅读时长2分钟
Eli White
Eli White
Meta 软件工程师

我们最近分享了React Native 的多平台愿景,阐述了将 React 扩展到其他平台如何改善所有人的框架。在过去几年中,我们通过与 Microsoft 合作开发适用于 Windows 和 macOS 的 React Native,以及与 Oculus 合作开发 VR 中的 React Native,在实现这一愿景方面取得了显著进展。

作为我们今年早些时候开始的计划的一部分,我们正在加强对这些平台的关注并扩大我们的团队,以帮助我们实现我们的愿景。为了支持我们的新队友和更多即将加入的队友,我们正在招聘两名工程经理:一名负责支持适用于桌面设备的 React Native,另一名负责支持适用于 VR 的 React Native

React Native 的多平台愿景

·阅读时长 9 分钟
Christine Abernathy
Christine Abernathy
Meta 开发者倡导者
Eli White
Eli White
Meta 软件工程师
Luna Wei
魏璐娜
Meta 软件工程师
Timothy Yung
Timothy Yung
Meta 软件工程师

React Native 在提升移动开发标准方面取得了巨大成功,无论是在 Facebook 内部还是在行业其他地方。随着我们以新的方式与计算机互动,以及新设备的不断发明,我们希望 React Native 能够为每个人服务。尽管 React Native 最初是为了构建移动应用而创建的,但我们相信,专注于多平台并根据每个平台的优势和限制进行开发具有共生效应。当我们将这项技术扩展到桌面和虚拟现实时,我们已经看到了巨大的好处,我们很高兴能分享这对 React Native 的未来意味着什么。

2021 年下半年 React Native

·6 分钟阅读
Luna Wei
魏璐娜
Meta 软件工程师

过去一年,我们的世界发生了巨大的变化,React Native 也不例外。我们迎来了团队新成员(我们很高兴最终能与他们面对面交流!),我们的项目日趋成熟,新的机遇也随之而来。我们很高兴在这篇文章以及未来的其他文章中与大家分享这一切!

在 Facebook,我们的团队以半年为周期工作。每个半年度,我们都会审查我们的战略,制定计划,并在内部共享。今天,我们想与你们,我们的社区,分享我们的下半年计划。

2021 年下半年对于 React Native 来说是一个激动人心的半年。我们的重点领域包括培养社区、开始向开源推广新架构以及推动技术向前发展。

发布 React Native 0.65

·3 分钟阅读
Luna Wei
魏璐娜
Meta 软件工程师

今天我们发布了 React Native 0.65 版本,其中包含新版 Hermes、辅助功能改进、包升级等。

Hermes 0.8 有什么新功能?

Hermes,Facebook 开源的、为 React Native 优化的 JavaScript VM,已升级到 0.8.1 版本。此版本的一些突出功能包括:

你可以在这里找到完整的 Hermes 变更日志

按照这里的步骤,如果你的应用还没有启用 Hermes,请启用它以利用这些新功能和提升!

辅助功能修复和新增功能

去年 Facebook 承诺 GAAD 改善 React Native 中的辅助功能。0.65 分享了此承诺和其他辅助功能改进的结果!一些值得注意的更改包括

  • 允许为 iOS 指定高对比度明暗值。更多详细信息请参阅文档
  • 在 Android 上添加了 getRecommendedTimeoutMillis API。这暴露了用户在 Android 辅助功能选项中设置的首选默认超时值,适用于可能需要额外时间来查看或接触控件等的用户。
  • 常规修复,以确保 TalkBack/VoiceOver 正确播报组件上的 UI 状态,例如 disabledunselected

你可以在这里关注或贡献我们的未解决的辅助功能问题

值得注意的依赖版本更新和注意事项

  • 现在需要将 react-native-codegen 版本 0.0.7 作为 package.json 中的 devDependency
  • JCenter 已停止服务并变为只读。我们已将 JCenter 作为 Maven 仓库移除,并更新了依赖项以使用 MavenCentral 和 Jitpack。
  • 将 OkHttp 从 v3 升级到 v4.9.1。有关更改的更多详细信息,请参阅升级到 OkHttp 4
  • 升级到 Flipper 0.93 以支持 Xcode 12.5。请参阅此处 Flipper 的更新日志
  • 支持 Android Gradle 插件 7
  • Apple Silicon 需要链接器变通方法。请参阅@mikehardy 的说明

谢谢!

此版本包含来自 61 位贡献者的超过 1100 次提交。感谢所有为本次发布做出贡献和支持的人!您可以在此处找到完整的更改日志

GAAD 承诺 - 一年后

·阅读时长5分钟
Alexandra Marlette
亚历山德拉·马莱特
React Native 的 GAAD 承诺开源无障碍社区经理

距离 Facebook 做出 GAAD 承诺,让 React Native 更易于访问已经过去一年了,这个项目超出了我们的预期。我们很高兴地宣布,这个项目将在 2021 年继续进行,并希望向大家汇报我们迄今为止的进展。在去年对 React Native 中的可访问性差距进行了彻底分析之后,我们开始了填补这些空白的工作。

我们从 90 个悬而未决的差距分析问题开始,从 2021 年 3 月项目在 GitHub 上启动到现在

  • 社区关闭了 11 个问题。

  • React Native 团队评估并关闭了 19 个问题。

  • 合并了 9 个拉取请求。

  • 一个拉取请求合并到 React Native 文档中。

我们希望表彰并感谢 React Native 社区在过去一年中为使 React Native 更具无障碍性所做的重大进展。每位贡献者的努力都对改进 React Native 的无障碍性做出了贡献。

GAAD 承诺 - 3 月辅助功能问题更新

·阅读时间:4 分钟
Alexandra Marlette
亚历山德拉·马莱特
React Native 的 GAAD 承诺开源无障碍社区经理

我们向 GitHub 社区发布了一份经过彻底审查的差距分析和问题列表,旨在改善 React Native 的无障碍功能,至今已有四周。在 React Native 社区的帮助下,我们已经在改善无障碍功能方面取得了巨大进展。社区成员一直在帮助贡献者,审查测试,并提请注意以前的无障碍功能问题。自 3 月 8 日以来,社区已通过四个拉取请求关闭了六个问题,另有七个拉取请求正在审查中。

在这些工作持续进行的同时,Facebook 的 React Native 和无障碍功能团队正在评估在此项倡议之前提交的无障碍功能错误和问题,以确定它们是否已包含在我们当前的差距分析中,或者是否存在需要纳入项目的其他问题。目前已发现一个新问题并将其纳入项目,另外四个问题直接映射到现有问题,还有两个问题预计将通过解决现有问题的根本原因而关闭。

感谢所有参与的社区成员。你们真正推动了 React Native 更具可访问性的进程!

发布 React Native 0.64,支持 iOS 上的 Hermes

·阅读时间:4 分钟
Mike Grabowski
Mike Grabowski
CTO 兼 Callstack 联合创始人

今天我们发布 React Native 0.64,它附带了对 iOS 上 Hermes 的支持。

Hermes 在 iOS 上可选启用

Hermes 是一个针对运行 React Native 优化的开源 JavaScript 引擎。它通过降低内存利用率、减小下载大小和缩短应用程序可用时间或“交互时间”(TTI)来提高性能。

随着本次发布,我们很高兴地宣布,你现在也可以在 iOS 上使用 Hermes 进行构建。要在 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 支持仍处于早期阶段。我们在进行进一步基准测试时将其保留为可选启用。我们鼓励您在自己的应用程序上试用它,并告诉我们它的效果如何!

内联 require 默认启用

内联要求是 Metro 的一个配置选项,它通过延迟 JavaScript 模块的执行直到它们被使用(而不是在启动时)来改善启动时间。

此功能已存在并推荐多年,作为文档性能部分中列出的可选配置选项。我们现在为新应用程序默认启用此选项,以帮助人们无需额外配置即可拥有快速的 React Native 应用程序。

内联要求是一种 Babel 转换,它将模块导入转换为内联。例如,内联要求将模块导入调用从文件顶部转换到它被使用的地方。

之前

import {MyFunction} from 'my-module';

const MyComponent = props => {
const result = MyFunction();

return <Text>{result}</Text>;
};

之后

const MyComponent = props => {
const result = require('my-module').MyFunction();

return <Text>{result}</Text>;
};

有关内联要求的更多信息,请参见性能文档

使用 Chrome 查看 Hermes 跟踪

去年,Facebook 赞助了Major League Hacking 奖学金,支持对 React Native 的贡献。Jessie NguyenSaphal Patro 添加了使用 Chrome DevTools 上的性能选项卡来可视化应用程序在使用 Hermes 时的执行情况的功能。

欲了解更多信息,请查看新文档页面

支持 Proxy 的 Hermes

我们已在 Hermes 中添加了 Proxy 支持,从而实现了与 react-native-firebase 和 mobx 等流行社区项目的兼容性。如果您一直在使用这些包,现在可以迁移到 Hermes 项目。

我们计划在即将发布的版本中将 Hermes 作为 Android 的默认 JavaScript 引擎,因此我们正在努力解决人们在使用 Hermes 时遇到的剩余问题。如果还有阻碍您的应用程序采用 Hermes 的问题,请在 Hermes GitHub 仓库上提交一个问题。

React 17

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

有关 React 17 的更多信息可在React 博客上找到。

主要依赖版本变更

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

致谢

感谢数百位贡献者帮助实现了 0.64!0.64 更改日志包含了此版本中的所有更改。