文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

React Native 0.72 正式发布!

2024-11-30 12:58

关注

6 月 21 日,React Native 0.72 正式发布!版本增加了 Metro 强烈要求的功能,改进了错误处理和其他开发者体验方面的改进。其中很多工作都是根据 2022 年社区调查[1]中提供的反馈进行优先考虑的。下面就来看看该版本都有哪些更新吧!

亮点

新的 Metro 功能

符号链接支持(beta)

符号链接支持仍然是 Metro 中最受欢迎的功能之一,在 React Native 0.72 中提供了 beta 版支持。

符号链接支持使得 React Native 可以与多仓库设置和 pnpm 无缝协作,消除了临时解决方案的需求。

包导出支持(beta)

包导出是 package.json 的现代替代方案,为 npm 包定义其公共 API 并针对 React Native 提供新的功能。

通过在 Metro 配置中启用包导出支持,应用将与更广泛的 JavaScript 生态系统兼容,包括通过新的 “react-native”社区条件[2]。

启用 beta 版功能

要在项目中启用这些功能,请更新应用的 metro.config.js 文件,并设置 resolver.unstable_enableSymlinks 或 resolver.unstable_enablePackageExports 选项。

module.exports = {
  resolver: {
    unstable_enableSymlinks: true, // 开启符号链接功能
    // or
    unstable_enablePackageExports: true, // 开启包导功能
  },
};

新的 metro.config.js 设置

在 React Native 0.72 中,改变了 React Native CLI 中 Metro 的配置加载设置。需要更新项目中的 metro.config.js 文件,保持与模板版本一致。

这个改动将控制权移至项目中,使得可以扩展基础的 React Native Metro 配置,并清理了剩余的默认设置。此外,这意味着独立的 Metro CLI 命令(例如 metro get-dependencies)现在可以正常工作了。

开发者体验改进

不再出现由于无效的样式属性而导致的红色提示框(redbox)

在此版本之前,在 StyleSheet 中提供一个无效的样式属性会导致出现红色提示框(redbox)。这是一个高优错误,会中断开发者的工作流程。

在 0.72 版本中,已经放宽了这个预期,使其能够默认不生效,就像在浏览器中提供一个无效的 CSS 属性一样,并且更新了类型,以便某些错误可以在构建时而不是运行时被捕获。

Hermes 的错误信息更易读

Hermes 在调用未定义的可调用对象时增加了更好的错误信息。

var x = undefined; x();
// 以前: undefined is not a function
// 现在: x is not a function (it is undefined)

此外,LogBox 的堆栈跟踪现在会过滤掉与应用用户无关的内部 Hermes 字节码帧。

改进了 React Native CLI 的错误输出

0.72 版本搭载了 React Native CLI v11,其中包括改进的功能,以减少重复、减少冗长的堆栈跟踪,并在以下命令 init、run-android 和 run-ios 中添加了相关文档的链接。

Hermes 在大型对象字面量的编译时间方面进行了改进。

例如,在一个报告的问题 #852[3] 中,用户将整个数据集写成了一个大型对象字面量。通过改进 Hermes 使用的去重算法,编译速度提升了97%(221c[4])。这些改进将有助于需要打包多个对象的应用的构建时间。

对 JSON 解析进行了多项优化,从而使使用 redux-persist 等严重依赖 JSON 操作的库的应用受益。

Hermes 中更多 ECMAScript 支持

对于 JSC 上的用户,这些功能已经可用。

移动新架构更新

新架构目前处于实验阶段。为了保持更新内容的专注性,将把新架构的更新放到专门的工作组中,这个变化也将允许更频繁的更新。

重大变化

删除已弃用的组件

以下软件包已从 React Native 0.72 中删除。请迁移到推荐的社区包:

包重命名

现在,所有从 react-native 核心存储库发布的包都在 react-native/packages 下,并且在 @react-native npm[8] 中发布,以确保明确的所有权。

react-native 包没有任何更改。

如果对重命名的包没有直接依赖,这个改变不会影响你。否则,在升级到 React Native 0.72 时,将任何重命名的依赖项更新到其 ~0.72 版本。

官方更新文档: https://reactnative.dev/blog/2023/06/21/0.72-metro-package-exports-symlinks。

参考资料

[1]2022 年社区调查: https://github.com/react-native-community/discussions-and-proposals/discussions/528。

[2]“react-native”社区条件: https://nodejs.org/docs/latest-v19.x/api/packages.html#community-conditions-definitions。

[3]#852: https://github.com/facebook/hermes/issues/852。

[4]221c: https://github.com/facebook/hermes/commit/221ce21a209e2e32a3eaaa2d9e28ca81842fad20。

[5]@react-native-community/slider: @react-native-community/slider。

[6]@react-native-community/datetimepicker: https://github.com/react-native-datetimepicker/datetimepicker。

[7]@react-native-community/progress-view: https://github.com/react-native-progress-view/progress-view。

[8]@react-native npm scope: https://www.npmjs.com/search?q=%40react-native。

来源:前端充电宝内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯