本系列的從這裡開始～

做了一段時間android，覺得自己還是入門階段，突然老大讓我弄這個rn，說實在的對自己特別沒有自信，不過對於自己也是一種挑戰。我也利用這次機會好好的梳理了自己學習新的知識的方法。希望大家在學習新的知識的時候都可以有所收穫。開篇內容不會說太多程式碼，主要是希望提供一個快速的思路。

下面 我來以一個移動端的角度來講解如何，快速的認知react-native。

簡單來說 facebook 希望通過一套js 程式碼就可以，完成所有移動端的頁面佈局，事件響應。
優點：
1.節約了開發時間
2.可以讓前段人員開發移動端
3.比 Hibrid模式效能更好
4.最關鍵的迭代方便
5.跨平臺開發
缺點：
1.目前還沒有釋出1.0版本極不穩定，還有很多坑
2.開原始碼很少，不是很方便快速開發
3.以目前的情況來看如果沒有移動端的基礎，很難實現一個高質量的RN專案的
4.效能方面還有待商榷

瑕不掩瑜， JavaScript 是一種指令碼語言，它不會經過編譯、連結等操作，而是在執行時才動態的進行詞法、語法分析，生成抽象語法樹(AST)和位元組碼，然後由直譯器負責執行或者使用 JIT 將位元組碼轉化為機器碼再執行。整個流程由 JavaScript 引擎負責完成。
facebook 提供了這一套體系思想，以實現跨平臺的功能。而且他們也一直在快速的更新程式碼。上面的缺點會隨著加入的人員越來越多而解決。

react-native 實現

可以將RN框架理解為一種C/S 結構，移動端作為一個c端，所要做的就是等待服務端傳送的指令請求，根據指令作出響應事件。而JS程式碼是服務端，它向c端傳送指令包括頁面佈局，事件響應處理，也是由服務端來發送的。通過JSON格式傳輸資料。

react-native 基礎知識

由於是android轉過來的react 框架，JavaScript還是需要補一下的，不過從native過來的還是有很大優勢的，nattve層的自定義view，自定義modules,寫的還是66的。可惜現在為還只會安卓端，ios還在學習階段。

JavaScript ——RN的開發基礎語言
JSX——react就是feacbook不滿意市面上的MVP框架自己研發的，JSX 可以理解為安卓中的xml 佈局 內新增響應事件的一種語言結構 react jsx 彙總
node——JavaScript執行的環境
es6——JS的新規則，前端告訴我這個現在市面上還不流行，不過咱得用著

阮一峰的es6教程
CSS——一些RN封裝好的樣式，不過到後面分析程式碼的時候就會發現，其實這部分，是按照前端的習慣做的一些封裝，我們完全可以自己實現

react-native 原始碼結構

下面我們以一個android開發的角度簡單分析下原始碼結果，開篇文章先不要追求細節，快速理解認識結構方便後續學習。

android出身，咱就先看看安卓部分的原始碼結構

咱先開啟 react

再開啟views 這個咱們更熟悉

看見這個熟悉了吧，如果有一定native 基礎的看見名字就知道幹啥的了。
沒錯 這部分就是 JS 與native 互動部分的原始碼實現。 RN 已經封裝好的一部分基本程式碼，都在這個包裡。包括各種view，各種layout，事件滑動效果等等。就像為之前說的，native層轉過來的還是66的。後續的開發，還是需要native的支援的。

到這裡我們來理一下思路——————
底層部分使用安卓的控制元件
上層部分使用的js程式碼
它們之間時用什麼連結的哪

如果做過Hibrid開發的少年應該熟悉

它通過啟動C++層的JavaScript解析器javascriptCore來執行js程式碼，從而構建原生UI等。
在Java層與Js層的bridge分別存有相同一份模組配置表，Java與Js互相通訊時，通過將裡配置表中的moduleID，methodID轉換成json資料的形式傳遞給到C++層，C++層傳送到js層，通過js層的的模組配置表找到對應的方法進行執行，如果有callback，則回傳給java層。

到這裡我們應該基本的瞭解，這個框架的結構分層，已經知道框架的需要用到的知識點。中間連線層部分其實也就時feacbook，定義好的一套協議只要遵循就好了。開發需要做的只是完成java層，js層的就可以了。

開篇內容到此結束，第一次寫技術部落格。想分享下對新知識的理解。希望大家共同進步。