二、React-native使用案例

RN較H5而言，有以下優勢：

1．頁面加載速度：React-native號稱是99%接近原生體驗，它是寫js代碼，映射原生去渲染頁面，頁面渲染速度和原生是差不多的。但是H5就不一樣，特別依賴手機的硬件配置，ios對H5應用的支持還可以，但是安卓就差太多。安卓里面一些高端機型運行H5應用還可以，但是大部分機型都是會有點卡頓，尤其是像加載圖片這種比較消耗資源的操作，H5的頁面渲染速度和React-native就會有很明顯的差別。

2．機型適配：例如H5對于現在的iPhone x劉海屏的適配就比較麻煩。還有對于很多安卓機型H5并不能做很好的適配。

3．動畫效果：H5的動畫是通過css和js實現的，對于一些復雜的動畫實現相對是比價困難的，也是比較消耗內存的。React-native自身提供了實現動畫的API，如果為了過于追求動畫的流暢度，React-native還可以借助原生去實現，原生封裝出來控件來供給React-native使用。

相對于原生來說，RN也是具有優勢的：

1．熱更新：做移動開發的都知道，蘋果的審核一直讓大家很頭疼。原生對于緊急的業務開發完成之后，還必須等待蘋果的審核才能上線，這個時候React-native就體現出來它的優勢，在不碰及原生代碼的時候，可以直接通過熱更新js代碼來實現實時發布。React-native可以很好的支持線上業務功能和隨時更新發布。

2．開發效率：React-native有20%的代碼是原生代碼，80%的代碼為可以復用的js代碼，這樣大大縮短了開發周期，為企業節省了發開成本。

3．維護成本低：如果業務僅僅涉及到js代碼的修改，在APP開發需求少的情況下，一個React-native工程師就可以很好的維護本該APP，同時又為企業節省了維護成本（即使剛開始該工程師不會原生開發，但是經過長時間的鍛煉，或多或少都會一點）。

4．學習成本低：React-native使得之前做前端的工程師可以快速的參與APP的開發，降低了學習成本。

5．擴展性強：React-native提供了自定義原生控件以供js調用渲染的API，這使得它的擴展性極其強大。

此外，RN還具有其特殊的背景優勢：

1．React-native作為Facebook的“親兒子”，依靠這棵大樹，讓這個技術一直在不斷的完善。

2．React-native本身是開源的，所有的源代碼都是可以看到的。React-native從開源到現在就備受關注，React-native是歷史上第一個沒到正式版本，github卻有7w+星星的項目。社區的組件庫也已經比較豐富，社區活躍度比較高。對于很多復雜的組件，我們都不需要重復再去造輪子。