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+星星的專案。社群的元件得益庫也已經比較豐富，社群活躍度比較高。對於很多複雜的元件，我們都不需要重複再去造輪子。

案例一：三個月重構兩個APP

當時公司在進行後臺重構的同時，CTO也打算把APP使用React-native進行重構一遍。我一個做安卓的和兩個ios的一起邊學邊做，摸著石頭過河，我們用了三個月時間完成APP重構。主要功能涉及到聊天，微信分享等業務功能。然後因為特殊原因自己離開，APP由兩個ios進行維護以及新功能迭代（自己在走之前教會ios同事安卓的打包和釋出）。再到後來另一個ios同事也離開做前端去了，就剩下一個人。在公司需求少的情況下，他一個維護這個APP已經是綽綽有餘（藥店幫手）

案例二：使用RN效率提升

在兩個APP開發人員，開發維護三個APP，並且公司的需求迭代特別頻繁的背景下。如果沒有使用React-native這個技術，公司一個月的需求我評估使用原生兩個人最少需要兩個月，甚至更長。但是使用React-native之後，任務是兩個人均攤的，並且彼此的程式碼都可以看懂，這大大加快我們的開發速度。

那麼，企業選擇RN的原因有哪些呢？我認為有如下幾點：

1. 使用React-native之後，程式碼更新方便以此來滿足緊急。當業務需求少的時候，APP較少的人員就可以維護。

2. 隱藏價值：如果公司使用React技術棧，那麼前端人員經過較短的學習時間就可以快速參與到APP開發當中，同樣APP開發人員經過較短時間學習就可以進入前端開發中，這樣極大的對人才進行了複用。這就是為什麼那麼多小公司如此鍾愛使用React-native技術進行APP開發。極大的縮短了開發週期短。

3. 同時也有一部分大公司使用React-native和原生進行混合開發，React-native頁面嵌在原生裡面。我個人覺得他們這做的原因是：對於經常需求修改的頁面使用H5體驗又不好，使用原生熱更新比較困難，結合這兩點，React-native就理所當然的成了最好的選擇。

當然，也不能盲目選擇，應該辯證的看待RN。我們上面列舉了那麼多React-native的優點，但是並不代表我們就能完完全全拋棄原生。React-native並不是一個完美的技術方案，它也有其自身的缺點。所以對於React-native技術選擇，需要企業考慮學習成本，開發成本，維護成本，以及企業自身的業務等等實際情況來評估是否選擇React-native這門技術。

現在很多遊戲APP都開始使用React-native來做殼。一些大公司也在逐步將一些業務使用React-native來替換。React-native依靠Facebook這個親‘爸爸’，版本迭代特別快，也一直在不斷完善中。

Facebook現在的口號是：

Learn once，Write anywhere。

我認為會有那麼一天實現

Write once，run anywhere。