700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 01 RN 系列之 什么是 ReactNative

01 RN 系列之 什么是 ReactNative

时间:2022-08-13 19:46:30

相关推荐

01 RN 系列之  什么是 ReactNative

版权声明:本文为博主原创文章,未经博主允许。

PS:转载请注明出处 作者: TigerChain 地址: /p/717ccdd7c… 本文出自 TigerChain 简书 ReactNative 系列

教程简介

1、阅读对象

本篇教程适合新手阅读,老手直接略过

2、教程难度

初级

一、手机 APP 分类

1、手机 APP 现状

从目前来说,手机 APP 分为三个大类:native,hybird,webapp

从以上三类来说,各有各个好处,简单说一下:

native:性能高,开发效率慢,人员投入成本大webapp:性能低下,交互问题多hybrid:和原生交互方便,开发效率也高,性能比 webapp 好一些,比原生还是差距很大,但是腾讯、阿里有自己的技术栈「这块做的相对好一点」,大部分做的还是差强人意

综上,如果是对性能要求不是非常高的公司「我就遇到过,客户明确提出不能使用 H5 或 Hybrid 来开发」,那么 hybrid 是一个不错的选择。

2、为什么要有 ReactNative

既然有了 Hybrid 为什么还要搞个 RN 呢?我们知道FaceBook 对世界上的 JS 类库都不鸟「觉得的使用不爽」,就自己造了一个 React ,FaceBook 就想 React 的一些思想和精髓能不能用到手机端开发「既有前端的开发效率,又有 native 的体验」,经历了若干磨难--最后 React Native 应运而生。

二、什么是 ReactNative

1、什么是 RN

用官方的话说,ReactNative「以下简称 RN」就是使用 JS 和 React 来构建原生 APP。

从以上解释我们可以知道,使用 RN 要掌握 JS 和 React,其实 JS 不是说要非常精通的掌握才可以学 RN。

PS:这说明一点 RN 不是 Hybrid ,它是通过 JS 来直接调用原生组件达到高性能

2、RN 的特点

优点:

React 有的特点它都有即:即组件化、虚拟 DOM开发效率高,性能无限接近原生 APP 「非Hybird 形式的」热更新 HotFix

缺点:

三方 sdk 开放的 RN 的比较少,需要自己桥接RN 目前还没有开源 1.0 版本,有坑如果想开发高性能的应用,必须得了解 native 开发,RN 不行 Native 补充。

3、RN 坑之说

目前来说 RN 在 IOS 上的坑较少, Android 来说较多「特别是国产机型乱七八糟的状况下,但是总归是有问题方法解决的」,但是这不是阻止我们去学习的借口,因为 RN 背后是强大的 FaceBook 在支撑着,而且有着活跃的社区。看看下面使用者,你就更有信心了。

##三、RN 和 Native

RN 和 Native「原生」 相比

性能:

无限接近原生「目前来说肯是达不到原生体验的」,如果你觉得性能不好,完全可以使用原生代替,RN 调用即可

付出更少,得到更多

原本做一款 APP 至少要两名工程师「 Android 和 IOS」,并且开发效率不一致「一个字慢」,使用 RN 大量的代码可以得到利用,技术栈统一,效率明显提高,并且一个人就可以做出IOS APP 和 Android APP

热加载

编写代码开户热加载,保存界面自动刷新,就有点像 Android 里面的Instant Run 功能

代码共用「核心代码」

在 web android IOS 中 核心代码都是共用的,只需要做少许修改就可以使用 ,UI 代码库对于 Android 和 IOS 来说几乎是一样的。

建议:

学习 RN 的时候掌握一点 Native 知识「是 Native 转过来的就不说了」,组件不够用了「或部分功能不太好实现」,可以拿原生画 RN 调用即可用真机测试,不要使用模拟器测试「不要尽可能相信模拟器」

四、谁在使用 RN

我们从官网载图一张图来看看

我们可以看到 FaceBook 自家在使用,特斯拉也在使用,手Q 也在使用...

这里没有截完整,还有京东 APP, 天猫 APP ,手机百度等。具体也可以看官方具体内容:facebook.github.io/react-nativ…

国内技术看 BAT 目前 BAT 都在使用 RN,我们有什么理由不掌握 RN 呢,有 native 开发经验的人更占优势,没有 native 开发经验的人也没什么问题,人人都能学 RN 。让我们开启 RN 之旅吧。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。