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，有助於你加深理解。
推薦網站：

• 阮老師的入門到精通
• 菜鳥教程
• 官方英文