React Native入門介紹

weixin_34116110發表於2017-08-23

從安卓開發轉戰專案管理工作的我,開始鼓搗React Native。這個系列文章開始記錄React Native學習之路。

說起React Native,先來說說React

現在最熱門的前端框架,毫無疑問是Facebook開發的 React 。那麼Facebook為什麼要建造React呢,在官方文件《Why did we build React?》中我們看到這樣一句話:

React is a library for building composable user interfaces. It encourages the creation of reusable UI components which present data that changes over time.
React是用於構建可複用的(composable)使用者介面,鼓勵使用者建立能能夠隨資料及時響應的可複用的(reusable)UI元件(component)。

文中還提及了四個點:

  • React不是一個MVC框架
  • React不使用模板
  • 響應式更新非常簡單
  • HTML5僅僅是個開始

更詳細簡介可以參考文章:http://www.jianshu.com/p/ae482813b791
React入門可參考文章:http://www.ruanyifeng.com/blog/2015/03/react.html

React Native=React+Native

那麼React Native我們同樣通過官方介紹來認識:
A framework for building native apps with React
React Native 是基於 React 來構建本地(native)app的架構。

React Native 是Facebook釋出的,可以讓我們廣大開發者使用JavaScript和React開發我們的應用,該提倡元件化開發,也就是說React Native給我們提供一個個封裝好的元件讓開發者來進行使用,甚至我們可以相關巢狀形成新的元件。
使用React Native我們可以維護多種平臺(Web,Android和IOS)的同一份業務邏輯核心程式碼來建立原生應用。
現階段Web APP的的體驗還是無法達到Native APP的體驗,所以這邊fackbook更加強調的是“learn once, write everywhere”,應用前端我們使用js和React來開發不同平臺的UI,下層核心模組編寫複用的業務邏輯程式碼,提供應用開發效率。

React Native的設計理念:既擁有Native的使用者體驗、又保留React的開發效率。

這裡React Native 開發工具使用WebStorm,具體破解和下載可以看這篇文章。下載連結

參考資料

React Native 簡介與入門
江清清的React Native專題
React Native中文

相關文章