开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >React Native 0.71正式版发布，Ts成为默认开发语言

React Native 0.71正式版发布，Ts成为默认开发语言

作者头像

xiangzhihong

发布于 2023-02-02 07:19:13

发布于 2023-02-02 07:19:13

8190

举报

文章被收录于专栏：向治洪向治洪

2023年1月14日，React Native官方发布了0.71版本，此版本带来了很多重磅和突破性的更新，同时，感谢70多位贡献者带来的了1000多次提交。下面是0.71版本带来的主要更新内容：

默认开发语言为TypeScript
使用Flexbox Gap使布局更加简单
开发者体验提升
有关新架构内容的升级
引入的部分web开发标准的属性，样式及事件
恢复PropTypes
其他更新

TypeScript成为默认开发语言

从0.71版本开始，我们将React Native的默认开发语言从JavaScript变成TypeScript，在新建的项目的时候会有所体现，与此同时项目根目录会增加一个tsconfig.json文件用于辅助开发者编写语法正确的Ts代码。另外0.71版本因本身已支持ts，所以不需要再package.json文件中添加@types/react-native依赖。

有关TypeScript，我们可以将它理解为是增强版JavaScript。TypeScript 由微软开发的自由和开源的编程语言，是 JavaScript 的一个超集，支持 ECMAScript 6 标准（ES6 教程）。TypeScript 设计的初衷就是为了应对大型应用开发，它可以编译成纯 JavaScript，最终运行在浏览器环境中。

Flexbox Gap让布局更加简单

此版本引入了web开发标准的属性gap、rowGap、columnGap，使用这些属性可以很方便的设置组件间隔。并且，在未来的版本中，我们还会增加百分比布局。那gap、rowGap、colum

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023-01-18，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

React Native备课笔记Day01一、React Native介绍二、特点分析三、推荐网站以及运行第一个react native项目四、环境搭建五、React Native文件结构六、View

（本节包括React Native介绍、特点分析、环境搭建、RN文件结构、View组件讲解、FlexBox布局及props与state）一、React Native介绍 RN是React native的简称。在2015年的3月26日，Facebook公司正式发布了这一套框架，使用React框架跨平台开发原生移动应用的开源技术框架。有了跨平台这个特性，开发者可以使用React native高效的在Android和iOS开发应用程序。毕竟人家的标语就叫做Learn once,write anywhere。re

谦谦君子修罗刀

2018/05/02

4K0

React Native备课笔记Day01一、React Native介绍二、特点分析三、推荐网站以及运行第一个react native项目四、环境搭建五、React Native文件结构六、View

ReactJs和React Native的那些事

介绍 1，React Js的目的是为了使前端的V层更具组件化，能更好的复用，它能够使用简单的html标签创建更多的自定义组件标签，内部绑定事件，同时可以让你从操作dom中解脱出来，只需要操作数据就会改变相应的dom。 2，React Native的目的是希望我们能够使用前端的技术栈就可以创建出能够在不同平台运行的一个框架。可以创建出在移动端运行的app，但是性能可能比原声app差一点。 3，ReactJs和React Native的原理是相同的，都是由js实现的虚拟dom来驱动界面view层渲染。

xiangzhihong

2018/02/05

2.2K0

ReactJs和React Native的那些事

react-native 开发笔记（一）

一般app的设计都是主页是一个tab页面，我们的app产品也是不例外的，所以我使用了这个iOS专用的组件(先搞定ios，再考虑兼容性)

frontoldman

2019/09/02

6050

React-Native入门指南(一)

最近手头的工作繁多，有研究性的项目和系统研发，正好遇到同事离职，接手了框架的UI组件，不仅需要维护和填坑，还需要开发新的功能组件。因为身在H5-Hybird的框架部门，最近团队开始尝试使用React-Native来做些东西。之前也有过开发iOS App的冲动，学了点Object-c,这次正好借此机会进入App开发，以弥补自己在Native-App上的经验不足。

疯狂的技术宅

2019/03/28

2.4K0

React-Native入门指南(一)

React Native之Navigator

react reactnative

移动应用很少只包含一个页面。从你添加第二个页面开始，就得考虑如何管理多个页面间的跳转了。导航器正是为此而生。它可以管理多个页面间的跳转，也包含了一些常见的过渡动画，包括水平翻页、垂直弹出等等。 Na

xiangzhihong

2018/02/05

1.6K0

React Native之Navigator

React Native入门遇到的一些问题

react nat 官方文档 android http

curl -LsSf http://github.com/mxcl/homebrew/tarball/master | sudo tar xvz -C/usr/local --strip 1

meteoric

2018/11/20

1K0

四、HarmonyOS应用开发-ArkTS开发语言介绍

变量函数基础开发 harmonyos

TypeScript 是一个开源的编程语言，本章节只介绍了TypeScript的基础语法知识，更多内容大家可以参考 TypeScript 的官方教程（https://www.typescriptlang.org/docs/）。大家在学习过程中，如果没有搭建TypeScript的开发环境，也可以直接使用在线 Playground 平台（https://www.typescriptlang.org/play）进行编码练习。没有接触过 TypeScript 的同学可以先补齐相关的语法基础，再进入 HarmonyOS 的相关开发学习之旅。

跟着飞哥学编程

2024/05/24

8550

四、HarmonyOS应用开发-ArkTS开发语言介绍

React Native之React速学教程(下)

React Native之React速学教程(下) 本文出自《React Native学习笔记》系列文章。 React Native是基于React的，在开发React Native过程中少不了的需要用到React方面的知识。虽然官方也有相应的Document，但篇幅比较多，学起来比较枯燥。通过《React Native之React速学教程》你可以对React有更系统和更深入的认识。为了方便大家学习，我将《React Native之React速学教程》分为上、中、下三篇，大家可以根据需要进行阅读学习。概

CrazyCodeBoy

2018/05/07

2.9K0

会写 TypeScript 但你真的会 TS 编译配置吗？

ide https 网络安全 babel.js webpack

随着 TypeScript 的流行，越来越多的项目通过使用 TypeScript 来实现编写代码时候的类型提示和约束，从开发过程中减少 BUG 出现的概率，以此提升程序的健壮性和团队的研发效率。

小东同学

2022/07/29

4.2K1

会写 TypeScript 但你真的会 TS 编译配置吗？

react-native总结心得

一、prop，state，ref 1.ref：引用一个组件(是从render中返回该组件实例) 2.props：组件中的属性， 2.1常用于跳转页面的传值：this.props.navigator.push({component:xxx,id:this.props.id}) 2.2不同组件之间传值 2.3子组件向父组件传值 3.state：组件中的状态父组件向子组件传值二、react-native组件思想 react-native的组件其实是采用的react的组件思想，

IT架构圈

2018/05/31

1.4K0

TS+React+Router+Mobx+Koa打造全栈应用

react typescript

效果图 Todo.gif Typescript 在TS下开发首先要做好相应的环境配置,一些需要进行设置的编译选项 # tsconfig.json { "compilerOptions":{

MrTreasure

2018/05/10

1.9K0

React Native 从诞生到现在

网站 webview android 开源 ios

感谢支持ayqy个人订阅号，每周义务推送1篇（only unique one）原创精品博文，话题包括但不限于前端、Node、Android、数学（WebGL）、语文（课外书读后感）、英语（文档翻译）如果觉得弱水三千，一瓢太少，可以去 http://blog.ayqy.net 看个痛快

ayqy贾杰

2019/12/02

1.3K0

React Native 从诞生到现在

ReactJS到React-Native，架构原理概述

react-native-ios

React是一个纯JS的UI库，只能干HTML/CSS/JS 提供的Web服务（新的H5 API不一定支持）， React-Native厉害在于它能打通JS和Native Code, 让JS能够调用丰富的原生接口,充分发挥硬件的能力, 实现非常复杂的效果,同时能保证效率和跨平台性。

周陆军博客

2023/04/09

5.7K0

React-Native开发规范文档

方式表达逻辑，【强制】请勿超过3层，超过请使用状态设计模式。正例:逻辑上超过 3 层的 if-else 代码可以使用卫语句，或者状态模式来实现。

conanma

2021/11/02

2.2K0

「译」面向 JavaScript 开发人员的 TSConfig 简介

前端前端工程化前端工程师前端框架配置

JavaScript 从最初作为一种简单的脚本语言开始不断发展，成为用于构建复杂应用程序的强大、现代的语言工具。为了管理更大、复杂的代码库，JavaScript 开发人员不断寻找方法改善他们的工作流程、代码质量和生产力。TypeScript 是一个通过添加类型来提高代码质量和维护效率的重大创新，因此毫不奇怪它是目前增长最快的语言之一。

泯泷、

2024/07/21

2340

React Native 新架构

json react 文件存储编程算法 c++

本文主要介绍FB团队正在重构的ReactNative(下面称RN)新架构，主要当前架构，Bridge带来的问题，新架构，JSI，Fabric，TurboModules，CodenGen及LeanCore等概念。

zz_jesse

2020/11/24

1.8K0

React Native 新架构

【Hybrid开发高级系列】ReactNative(三)——RN能力简介

react reactnative 布局继承开发

http://facebook.github.io/react-native/docs/getting-started.html

江中散人_Jun

2023/10/16

4470

【Hybrid开发高级系列】ReactNative(三)——RN能力简介

使用rollup打包React Native插件并发布

打包 javascript rollup.js 编程算法 es

我们写组件库或工具库时不可避免会用到外部库，这些外部库可能是符合 CommonJS 规范的。而 Rollup 力图实现 ES 模块的规范，因此，加载 CommonJS 模块和使用 Node 模块位置解析逻辑都被实现为可选插件，默认情况下不在 Rollup 内核中。我们需要安装并配置 CommonJS 和 node-resolve 插件。

用户1250838

2021/05/31

2.4K0

React-Native入门指南终章

在facebook React-native的官网可以看到目前支持的组件如下： https://facebook.github.io/react-native/docs/getting-started.html#content

疯狂的技术宅

2019/03/28

1.6K0

React-Native入门指南终章

React Native之react-native-scrollable-tab-view详解

react reactnative

在React Native开发中，官方为我们提供的Tab控制器有两种：TabBarIOS和ViewPagerAndroid。TabBarIOS，仅适用于IOS平台 ViewPagerAndroid，仅适用于Android平台（严格来讲并不算，因为我们还需要自己实现Tab）。在项目开发中，我们优先选择一些开源兼容性比较好的第三方库，例如，react-navigation，以及本文即将说到的react-native-scrollable-tab-view(官方地址)。react-native-scrolla

xiangzhihong

2018/02/06

6.7K0

React Native之react-native-scrollable-tab-view详解

相关推荐

React Native备课笔记Day01一、React Native介绍二、特点分析三、推荐网站以及运行第一个react native项目四、环境搭建五、React Native文件结构六、View

更多 >

LV.2

中国平安架构师

作者相关精选

换一批

目录

TypeScript成为默认开发语言

Flexbox Gap让布局更加简单

加入讨论

的问答专区 >

相关课程

一站式学习中心 >

腾讯云WeData大数据开发与治理训练营

数据开发治理平台 WeData

Python教程-Django框架快速入门到实战