寫給iOS開發(fā)者的React Native學習路線(轉)

我是一名iOS開發(fā)者秦踪，斷斷續(xù)續(xù)一年前開始接觸React Native色查，最近由于工作需要删壮，專職學習React Native也有一個多月了灼卢。網(wǎng)絡上知識資源非常的多，但能讓人豁然開朗赃泡、迅速學習的還是少數(shù)寒波，我整理出的這些文章對于初學者來說是比較有好的，希望通過整理我的學習路線升熊，能給同樣作為iOS開發(fā)者俄烁，想學習React Native的朋友們一些幫助。
既然是寫給iOS開發(fā)者的级野，那么我默認你已經(jīng)掌握iOS原生應用開發(fā)的基本知識页屠，所以對iOS原生開發(fā)的相關內容不做解釋說明。

React Native概念介紹

名詞解釋

首先列舉幾個關鍵詞：

React
Native
React Native

這三個詞其實沒有太大關系蓖柔，我們逐個來解釋：

React：近幾年Web前端領域非吵狡螅火熱的一個開發(fā)框架React.JS，其核心思想是將視圖組件化况鸣，通過更新組件的state來渲染出組件牢贸。
Native：這個詞從字面理解就夠了，就是指原生的镐捧。前幾年有個非城彼鳎火熱的跨平臺開發(fā)框架-- PhoneGap（現(xiàn)稱Cordova），那就不是原生的開發(fā)方式懂酱。原生就要使用對應平臺的特定語言和框架進行開發(fā)竹习，比如使用Objective-C或Swift開發(fā)的iOS應用。
React Native：結合了這兩個詞列牺，我們可以簡單地得到結論：使用React框架進行原生方式的開發(fā)整陌。

實現(xiàn)原理

我們都知道在iOS平臺上，蘋果提供了一個JavaScriptCore的framework瞎领，可以進行JavaScript語言的解析蔓榄，React Native通過多次封裝定義，最終實現(xiàn)了在JavaScript語言中調用Objective-C的類和方法默刚。具體的原理我們現(xiàn)在還不必深究，后文的學習路線中會有提到逃魄。
所以既然是調用Objective-C的類和方法荤西，性能上當然是不差的（但也不完美），所以這也是React Native相比其他跨平臺開發(fā)方式的一大優(yōu)勢。

評價

跨平臺：目前React Native官方已經(jīng)支持iOS邪锌、Android兩個平臺的移動設備勉躺，民間也有一些大牛在做macOS、tvOS觅丰，甚至UWP平臺的適配饵溅。但由于不同平臺特性不同，并不能一份代碼在所有平臺上直接運行妇萄，React Native的思想是「Learn once, write anywhere」蜕企，我們需要針對不同平臺的特性寫出不同的代碼，盡量保持組件的高可復用性冠句。
性能：官方宣稱性能堪比Native轻掩，實際使用中我們會發(fā)現(xiàn)幾個問題，比如復雜視圖渲染出View層級過多懦底、ListView（等同于iOS上的UITableView）無重用機制唇牧、有些組件存在內存泄露。這就會導致在部分低端Android機型上的性能過差聚唐，復雜的丐重、大型的應用會有明顯性能問題。
熱更新：由于App Store應用商店發(fā)版迭代效率問題杆查，熱更新成為了iOS平臺非嘲绲耄渴求的功能，可喜的是React Native的熱更新能力非常好根灯，通過將JavaScript代碼部署到服務器中径缅，運行過程中即可重新reload整個界面。
學習成本：對于iOS開發(fā)者來講烙肺，要了解相當數(shù)量的Web前端開發(fā)知識才可以進行開發(fā)纳猪，對于Web前端開發(fā)者來講，對于原生性能調優(yōu)則需要原生開發(fā)知識和經(jīng)驗桃笙，所以說學習成本略高氏堤。
開發(fā)效率：Android和iOS平臺可復用很多組件，僅部分代碼需要各自平臺分別維護搏明，所以比開發(fā)兩個平臺原生應用效率要高得多鼠锈。加上本身可動態(tài)渲染的能力，不用重新編譯星著，Command?+R即可重新渲染界面购笆，開發(fā)效率更是驚人地快。