跨平台应用开发框架 React Native 0.82 全面启用新架构,新版编译器 Hermes V1 登场

抖音秀 热点资讯 3

10 月 13 日消息,跨平台应用开发框架 React Native 现已推出 0.82 版本,这是首个仅运行在新架构(New Architecture)下的版本,同步引入 Hermes V1 编译器,并优化了多项开发体验。

React Native 0.82 中最显著的变化便是全面引入新架构。官方建议,尚未完成新架构迁移的项目可先升级至 React Native 0.81 或 Expo SDK 54,在这些版本中启用新架构并进行功能验证,再更新至 0.82。

官方指出,双架构兼容层仍会保留,支持两种架构的第三方库可在 0.82 下继续运行。不过旧架构相关的开关标志在安卓与 iOS 平台将被忽略,在相应平台运行时将强制采用新架构。同时 React Native 0.82 后续版本将逐步移除旧架构代码,以减小体积、简化代码库。

此外,React Native 0.82 还引入了 Hermes V1 编译器(测试版本),需从源码自行构建才能启用。Hermes V1 着重强调编译器与虚拟机层面的性能。官方利用 Expensify 应用进行测试,结果显示新版编译器具有较大性能提升:

  • 模块加载时间:安卓平台提升 3.2%、iOS 平台提升 9%;

  • 总可交互时间(Total TTI):安卓平台提升 7.6%、iOS 平台提升 2.5%;

  • 内容可交互时间(Content TTI):安卓平台提升 7.2%、iOS 平台提升 7.5%。

此外,React Native 0.82 内置的 React 19.1.1 版本正式支持 Owner Stacks,修复了部分 Babel 配置下堆栈信息不完整的问题,并改善了 useDeferredValue 与 startTransition 在搭配 Suspense 时的行为一致性。调试体验也进一步优化,错误信息更清晰,能更快定位问题。

新版框架还对原生组件的 ref 行为进行了调整,使开发者可以直接访问更接近 Web DOM 的元素实例。过去 ref 只能用于调用如 measure 或 setNativeProps 等方法,如今可使用类似 parentNode、getBoundingClientRect 等属性来获取组件在界面中的位置和层级。这让界面结构操作更直观,也方便有 Web 前端经验的开发者上手。

其他方面,React Native 还新增了可在 Canary 版本启用的 Web Performance API 子集,支持高精度计时和长任务监控。这些数据未来将整合进 React Native DevTools 性能面板,帮助开发者分析交互延迟与性能瓶颈,从而更精准地优化应用表现。

在安卓平台,React Native 0.82 新增了 debugOptimized 构建模式,默认启用多项 C++ 优化,使动画与渲染更流畅,同时仍保留对 JavaScript 层的 DevTools 支持(不支持 C++ 原生调试)。该功能已向前兼容至 0.81 版本及 Expo SDK 54,方便开发者在迁移过程中提前应用。