当前位置: 首页 > Web前端 > HTML

ReactNative0.71正式版发布,Ts作为主要开发语言

时间:2023-03-27 23:06:02 HTML

将近4个月后,ReactNative带来了0.71版本的更新,比隔壁的Flutter确实慢。该版本的更新内容还是比较重和突破的,主要体现在以下几点:编程语法默认改为TypeScript,使用FlexboxGap让布局更简单,开发者体验提升。新架构升级引入的部分web开发内容标准属性、样式、事件恢复PropTypes其他变化默认TypeScript从0.71版本开始,新建项目的开发语言默认从JavaScript改为TypeScript。同时,项目根目录下会增加一个tsconfig.json文件,辅助开发者编写语法正确的Ts代码。另外0.71版本已经支持ts,所以不需要在package.json文件中添加@types/react-native依赖。关于TypeScript,可以理解为JavaScript的增强版。TypeScript是JavaScript的超集,支持ECMAScript6标准(ES6教程)。TypeScript是Microsoft开发的一种免费开源编程语言。TypeScript的设计目标是开发大型应用程序,可以编译成纯JavaScript,编译后的JavaScript可以在任何浏览器上运行。使用FlexboxGap让布局更简单。该版本引入了Web开发标准属性gap、rowGap和columnGap。使用这些属性可以更方便实用地设置组件之间的间隔。例如设置组件之间的间隔为margin:10,效果如下使用gap:10,效果如下,更简洁更符合预期开发者体验提升ReactDevTools开发调试工具添加两个比较好用的功能,点击元素检查和组件高亮,在开发的时候对调试布局页面更加友好,让我们更容易定位组件元素。Hermes在0.71版本中进一步升级了Hermes引擎,包括但不限于以下内容:JSON.parse性能提升30%增加了对String、TypedArray和Array属性的支持在Metro中通过网络加载源图新增架构升级0.71版本在新架构体验和性能上带来了诸多升级。显着减少了Android平台的编译时间,并解决了Window平台的许多编译问题现在可以在不向应用程序添加任何C++代码的情况下启用新架构,CLI应用程序模板已清理所有C++代码和CMake文件。在iOS平台上设置新架构支持更简单在iOS平台上,在podspec中添加了install_module_dependencies函数来管理所有需要的依赖项。引入一些web开发标准内容这个版本包括许多web标准的东西,以在许多平台上对齐ReactNativeAPI。这些新属性是附加的,因此对等效的可访问性、行为或样式道具(例如Image和TextInput组件)没有预期的影响。图像:alt、tintColor、crossOrigin、height、referrerPolicy、src、srcSet和width。TextInput:autoComplete、enterKeyHint、inputMode、readOnly和rows。其他改动移除了AsyncStorage和MaskedViewIOSJSCRuntime移到了react-jsc,如果需要JSCRuntime,需要添加react-jsc依赖。综上所述,以上就是0.71版本的主要更新内容。这次的重点是使用TypeScript作为主要的开发语言。