开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

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

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

作者头像

xiangzhihong

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

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

8410

举报

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

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系列论文技术要点整理

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.3K0

ReactJs和React Native的那些事

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

打包 javascript rollup.js 编程算法 es

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

用户1250838

2021/05/31

2.4K0

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

4.2K0

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

React Native之Navigator

react reactnative

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

xiangzhihong

2018/02/05

1.7K0

React Native之Navigator

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.9K0

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

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

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

泯泷、

2024/07/21

3480

React-Native入门指南(一)

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

疯狂的技术宅

2019/03/28

2.5K0

React-Native入门指南(一)

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

react-native 开发笔记（一）

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

frontoldman

2019/09/02

6250

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

react reactnative 布局继承开发

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

江中散人_Jun

2023/10/16

5370

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

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

ide https 网络安全 babel.js webpack

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

小东同学

2022/07/29

4.4K1

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

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

变量函数基础开发 harmonyos

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

跟着飞哥学编程

2024/05/24

1K0

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

ReactJS和React-Native的主要区别在哪里

React-Native已经存在了约2年，而且因为它能被Android使用让我们构建跨平台的移动app而成为真正有趣的框架。一些开发者还为构建适用于Mac和Windows的桌面应用程序量身打造了一些框架，这简直太酷了。

疯狂的技术宅

2019/03/27

18.9K0

ReactJS和React-Native的主要区别在哪里

使用umi开发react-native应用

自此，开发者可以迅速投入到业务代码的开发，而不用去搭建脚手架，写一堆配置和胶水代码去整合各种框架等等。

conanma

2021/11/02

7.2K0

React-Native 入门

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。

conanma

2021/11/02

3.2K0

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

react typescript

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

MrTreasure

2018/05/10

2K0

React-Native实践

本文主要介绍了在React-Native开发过程中的一些实践总结，包括图片加载、组件通讯、缓存打包方案、接口扩展和布局相关等内容。

IMWeb前端团队

2017/12/29

2K0

去除typescript代码类型

json 打包 javascript node.js typescript

在短时间内有一个需求，原项目代码是 js，而我手里头的功能代码是 ts 的，需要将其合并。

愧怍

2022/12/27

2.9K0

React Native UI界面还原，组件布局与动画效果

写React Native UI和写 Android XML layout 布局，个人感觉是大同小异

周陆军博客

2023/04/09

5.2K0

React Native之样式

样式 React Native 不实现 CSS，而是依赖于 JavaScript 来为你的应用程序设置样式。这是一个有争议的决定，你可以阅读那些幻灯片，了解背后的基本原理。声明样式在 React Native 中声明样式的方法如下： var styles = StyleSheet.create({ base: { width: 38, height: 38, }, background: { backgroundColor: '#222222', },

xiangzhihong

2018/02/05

1.4K0

相关推荐

ReactJs和React Native的那些事

更多 >

LV.2

中国平安架构师

作者相关精选

换一批

目录

TypeScript成为默认开发语言

Flexbox Gap让布局更加简单

交个朋友

加入腾讯云官网粉丝站

蹲全网底价单品享第一手活动信息

加入讨论

的问答专区 >

技术总监架构部总经理擅长3个领域

相关课程

一站式学习中心 >

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

数据开发治理平台 WeData

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