React Native 0.76正式版发布,带来多项目更新

去年10月, React Native 0.76版本更新,主要更新的内容有默认启用了新架构,并引入了 React Native DevTools。这是我们团队 6 年辛勤工作的高潮,同时得到了我们令人难以置信的开发者社区的支持。主要更新的内容如下:

  • React Native 新架构默认启用

  • React Native DevTools

  • 更快的 Metro 解析

  • Box Shadow 和 Filter 样式属性

  • 移除了对 react-native-community/cli 的依赖

  • 由于原生库合并,Android 应用体积缩小约 3.8Mb

  • 更新了最低 iOS 和 Android SDK 要求

下面我们就这些更新点做一下具体的说明:

亮点

1,新架构默认启用

从 React Native 0.76 开始,您的项目中默认启用新架构。新架构是对 React Native 内部结构的重写,旨在使应用开发者能够使用 React 开发高质量的原生应用。

今天,我们很高兴宣布新架构已准备好用于生产环境。

此更改是 React Native 发展历程中的一个里程碑,我们邀请您阅读专门的博文,以了解新架构中包含的内容以及它将如何塑造 React Native 的未来:新架构已到来。

2,React N

### 如何调试 React Native 0.76 最新版 #### 使用 Chrome DevTools 调试 JavaScript 代码 对于基于 JavaScript 的逻辑,在 React Native 中可以通过连接到 Chrome 浏览器来利用其强大的开发者工具进行断点设置、变量查看以及性能分析等功能。当应用启动时,摇晃设备或模拟器并选择 "Debug JS Remotely" 来打开远程调试模式[^1]。 #### 启用 Hermes 引擎后的特殊注意事项 如果启用了 Hermes,则需要注意一些特定于该引擎的行为差异。例如,默认情况下,Hermes 支持更高效的字节码缓存机制,这可能会影响某些类型的错误报告方式。为了更好地理解这些变化,建议在不带 Hermes 和带有 Hermes 的环境中分别测试应用程序,并通过命令 `npx react-native run-android --variant release` 或者针对 iOS 平台的相应指令执行发布构建以观察不同之处[^3]。 #### 利用 Flipper 进行方面诊断 Flipper 是 Facebook 推出的一个桌面级的应用程序开发辅助平台,它提供了丰富的插件用于监控网络请求、数据库操作、图形渲染等个层面的状态信息。安装完成后可以在本地计算机上运行并与正在调试的目标移动应用建立通信链接,从而实现更加深入细致的问题排查工作。对于 React Native 0.76 版本而言,确保已正确配置好环境以便能够顺利加载必要的 SDK 组件[^2]。 ```bash npm install @react-native-community/flipper-plugin-fresco ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xiangzhihong8

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值