臉書用Javascript快速打造高效原生手機App的利器React Native釋出

Facebook在F8開發者大會上釋出開源行動裝置App開發框架React Native。不同於一般跨平臺Wrapper，程式打包後以呼叫裝置原生功能的方式，達到跨平臺的目的，React Native是一個使用JSX技術打造行動裝置App UI的開發框架，用Javascript直接掛勾（Hook）裝置原生元件，以實作真正的原生App，在各平臺達到相同的效能以及外觀。

JSX是Javascript的類XML語法擴充，使用JSX編譯器能把類XML語法轉換成Javascript。目前React Native只支援iOS，而Android還要再等等， Facebook同時也釋出React Native與React專用的開源整合開發環境（IDE） Nuclide。

Facebook提到，以裝置原生App提供服務有其優勢，由於網頁平臺本身的限制，在使用者操作體驗上無法如原生App般的流暢。像是行動裝置平臺都有其特殊的功能元件可以使用，但在網頁平臺就無法利用這些元件，即使重新實作，功能也無法如原生的好，而行動裝置複雜的手勢辨識功能，也是目前網頁平臺缺乏的。

另外，原生App可以完整支援行動裝置的多執行緒，平行處理多重任務，同時做到數值運算、影片處理以及圖片編碼等工作，而網頁平臺受限於瀏覽器的運算資源分配，難以隨心所欲的建立高互動性的應用程式。

不過，Facebook也認為，撰寫原生App不是一件容易的事，從畫面設計來說，網頁平臺有不少框架，如React或Relay等可以方便的處理網頁畫面的呈現，但是行動裝置上卻沒有，工程師多數時候，必須要手動計算物件呈現在螢幕上的大小以及位置，而行動裝置的螢幕尺寸種類為數眾多，不少情況必須特殊處理，為了這工作開發團隊必須增加多餘的開發人力。

另外，Facebook也指出，網頁程式的部署只要將新程式上傳至伺服器，瀏覽器重新載入網頁就好，但是原生App卻不是這麼一回事，程式碼每一次的更改都需要重新編譯，即使只是移動一個元件在畫面呈現的位置也不例外，當程式專案越來越大的時候，編譯所需要的時間也越來越長，這樣繁複的過程大幅拖慢開發的腳步。

Facebook網頁程式每兩天可以部署一次，開發團隊可以很快速的得到功能測試的結果，但是原生App的A/B測試時間，往往要花上幾個星期甚至以月計算，因為App部署的次數遠低於網頁程式。

而React Native正是為了解決這些問題，為快速打造Javascript原生App而生。

React Native的概念源自於Facebook兩年前所發表的網頁開發框架React，今日不只Facebook的網頁元件多數都是以React開發，也越來越多的開發者選擇React開發自家網頁，Facebook表示，React幫助開發者專注在產品功能，而不用為了開發框架煩惱。React框架的概念是將一個應用程式，拆解為數個獨立的元件，這些元件不會互相影響，因此開發者不需要因為更改了單一元件的功能，而擔心整個系統受影響。另外，React最強大的是抽象化DOM與API以簡化開發模型。