2023 年每个 React Native 开发者需要了解的新趋势

911 阅读2分钟

React Native 在近两年取得了飞速的发展,目前已迅速成为寻求创建强大、高性能移动应用程序的开发人员的首选。

凭借其灵活性和易用性,React Native 不断发展并塑造移动应用程序开发格局。虽然 2023 年已经过半,但每个 React Native 开发者还是要时刻了解这个动态框架的最新发展趋势。在本文中,我们将深入探讨 React Native 在今年以及之后的下一步发展,让我们开始吧!

Typescript 已经成为默认语言

从 0.71 版本开始,当您使用 React Native CLI 启动新的 React Native 项目时,将默认生成 TypeScript 应用程序。

npx react-native init My71App --version 0.71.0

当您运行上面的命令时,您将默认获得一个 TypeScript 应用程序!

image.png

更丰富的属性

为了更好的响应式交互体验,同时让开发更接近 Web 体验,RN 官方提供了许多更丰富的属性:

组件可访问性属性

  • Image 组件新增: alttintColorcrossOriginheightreferrerPolicysrcsrcSet, 和 width 等属性 (详情可参阅官方文档:reactnative.dev/docs/image

  • TextInput 组件新增: autoCompleteenterKeyHintinputModereadOnly, 和 rows 等属性 (详情可参阅官方文档:reactnative.dev/docs/textin…

样式属性

一些样式属性也进行了调整:

新增了以下属性来增强现有的 React Native 样式:

完整详情可参阅:github.com/facebook/re…

事件

RN 还支持了 PointerEvents 事件

启用后,View 组件将支持以下悬停事件:

  • onPointerOver,onPointerOut
  • onPointerEnter,onPointerLeave

这些事件还实现了Pressability对悬停的新选择支持。

完整详情可参阅: PointerEvents post

更接近 Chrome 控制台的 inspect debug 体验

React Dev Tools 左上角的 Click inspect 选项使您可以单击应用程序中的某个项目,以便在开发工具中对其进行深入分析,就像 Chrome 元素检查器一样。

要检查哪些 React 组件与屏幕上的项目对齐,请使用 DevTools 应用程序中的组件突出显示选项。这将突出显示您选择的元素。

rn2023.gif

新架构

从 2022 年新架构问世以来,React Native 每个新版本针对新架构都有新的迭代更新。相信未来几年内也会如此。

  • JSI
  • Fabric
  • Turbo Modules
  • ...

关于新架构的更多详细信息,可参阅 React Native 新旧架构对比

最后

本文参考自: medium.com/@tarunnarul…

不管您是从未接触过 RN 的小白,还是已经精通 RN 的大佬,都欢迎加入 React Native 技术交流群,一起畅所欲言吧~

image.png