深入淺出 React Native:使用 JavaScript 構建原生應用
數月前,非死book 對外宣布了正在開發的 React Native 框架,這個框架允許你使用 JavaScript 開發原生的 iOS 應用——就在今天,Beta 版的倉庫釋出了!
基于 PhoneGap 使用 JavaScript 和 HTML5 開發 iOS 應用已經有好幾年了,那 React Native 有什么牛的?
React Native 真的很牛,讓大家興奮異常的主要原因有兩點:
-
可以基于 React Native使用 JavaScript 編寫應用邏輯,UI 則可以保持全是原生的。這樣的話就沒有必要就 HTML5 的 UI 做出常見的妥協;
</li> -
React 引入了一種與眾不同的、略顯激進但具備高可用性的方案來構建用戶界面。長話短說,應用的 UI 簡單通過一個基于應用目前狀態的函數來表達。
</li> </ol>React Native 的關鍵就是,以把 React 編程模式的能力帶到移動開發來作為主要目標。它的目標不是跨平臺一次編寫到處執行,而是一次學習跨平臺開發。這個是一個非常大的區別。這篇教程只介紹 iOS 平臺,不過你一旦掌握了相關的概念,就可以應用到 Android 平臺,快速構建 Android 應用。
如果之前只用過 Objective-C 或者 Swift 寫應用的話,你很可能不會對使用 JavaScript 來編寫應用的愿景感到興奮。盡管如此,作為一個 Swift 開發者來說,上面提到的第二點應該可以激起你的興趣!
你通過 Swift,毫無疑問學習到了新的更多有效的編碼方法和技巧,鼓勵轉換和不變性。然而,構建 UI 的方式還是和使用 Objective-C 的方式一致。仍然以 UIKit 為基礎,獨斷專橫。
通過像 virtual DOM 和 reconciliation 這些有趣的概念,React 將函數式編程直接帶到了 UI 層。
這篇教程將帶著你一路構建一個 UK 房產搜索應用:
如果你之前一點 JavaScript 都沒寫過,別擔心。這篇教程帶著你進行一步一步進行編碼。React 使用 CSS 屬性來定義樣式,一般比較容易讀也比較容易理解。但是如果你想了解更多的話,可以去看看 Mozilla Developer Network reference,很不錯的。
想要學習更多,繼續往下讀!
http://calvin1978.blogcn.com/articles/murmur.html