React Native新手入门

前言

React Native是最近很是火的一个话题，想要学习如何使用它，首先就要知道它是什么。

好像面对一个新手全面介绍它的文章还很少，我就概括一下全部的资料和刚入门的小伙伴一块儿来认识它~

将从如下几个方面来介绍它：

一、React Native的定义

二、React Native的优缺点

二、学习React Native须要掌握的知识

 

---

 

 

React Native的定义

一句话就是：一款专门用于App的JS框架。

React Native 结合了 Web App和 Native App的优点，使用 JavaScript 和 React 来开发 iOS 和 Android 原生应用即Mobile App。

 

   注意：

   使用React Native最后编译的仍是一个原生应用。

   这就是为何 React Native 自称：

Learn once，Write anywhere!

React Native 但愿前端开发者学习完 React 后，可以用一样的语法、工具等，分别开发安卓和 iOS 平台的应用而且不用一行原生代码。


总结：
React Nativ是利用脚本语言进行原平生台开发的一次成功尝试，下降了前端开发者入门移动端的门槛，必定业务场景下具备独特的优点，可是几乎不可能取代原平生台开发。

补充：
这里涉及到APP的开发模式，一共有三种，分别是Web App、Hybird App和 Native App。
具体的概念不细说了，简单的作一下对比，你们就会有简单的概念。

---

 React Native的优缺点

优势

1. 复用了 React 的思想，有利于前端开发者涉足移动端。
2. 可以利用 JavaScript 动态更新的特性，快速迭代。
3. 相比于原平生台，开发速度更快，相比于 Hybrid 框架，性能更好。
4. 不用Webview，完全摆脱了Webview让人不爽的交互和性能问题
5. 有较强的扩展性，这是由于Native端提供的是基本控件，JS能够自由组合使用
6. 能够直接使用Native原生的「牛逼」动画。

缺点

1. 作不到 Write once, Run everywhere，也就是说开发者依然须要为 iOS 和 Android 平台提供两套不一样的代码，好比参考官方文档能够发现很多组件和API都区分了 Android 和 iOS 版本。即便是共用组件，也会有平台独享的函数。

2. 不能作到彻底屏蔽 iOS 端或 Android 的细节，前端开发者必须对原平生台有所了解，加剧了学习成本。而对于移动端开发者来讲，彻底不具有用 React Native 开发的能力。

3. 因为 Objective-C 与 JavaScript 之间切换存在固定的时间开销，因此性能一定不及原生。

4. 安卓环境运行卡，坑多。

 

---

 

学习React Native须要掌握的知识

 

一、es6的知识。知道JS新语法，否则看到=>()和.then等等，你会一脸懵逼。ES6也称ES2015，是JavaScipt语言的较新的一种标准，在React Native开发时，使用这种标准。

推荐网站：

• ECMAScript 2015 简易教程 - 颜海镜
• ECMAScript 6 入门 - 阮一峰
• 关于Promise：你可能不知道的6件事 - dwqs/blog

 二、由于React Native能够看做是 React.js 在移动上的应用，因此还须要掌握react，有助于你加深理解。
推荐网站：

• 阮老师的入门到精通
• 菜鸟教程
• 官方英文