01、RN 系列之什么是 ReactNative

版权声明：本文为博主原创文章，未经博主允许不得转载。

PS:转载请注明出处作者: TigerChain 地址: www.jianshu.com/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 之旅吧。