React Native入門介紹
從安卓開發轉戰專案管理工作的我,開始鼓搗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專案結構介紹React
- React Native入門-實戰解析(上)React Native
- Nginx 入門介紹Nginx
- Django 入門介紹Django
- rollup入門介紹
- Tmux 入門介紹UX
- Mybatis 入門介紹MyBatis
- Rocketmq 入門介紹MQ
- react-native + mobx 入門到放棄React
- React-native專案入門與思考React
- Pepperoni是React Native的入門起步套件React Native套件
- libevent入門介紹
- linux介紹(入門)Linux
- StackStorm 介紹與入門ORM
- GCD入門介紹一GC
- React從入門到精通系列之(2)JSX的介紹ReactJS
- React Native基礎&入門教程:除錯React Native應用的一小步React Native除錯
- 機器學習入門之sklearn介紹機器學習
- WebSocket協議入門介紹Web協議
- Spring Shell入門介紹Spring
- 整合學習入門介紹
- jQuery物件入門級介紹jQuery物件
- XML入門的小介紹XML
- Arduino 入門之Arduino介紹UI
- React Native在Android當中實踐(一)——背景介紹React NativeAndroid
- React-Native入門(1)-專案工程初識React
- React-Native入門(3) this、props和state使用React
- 從 Android 到 React Native 開發(一、入門)AndroidReact Native
- React元件介紹React元件
- Flutter介紹 - Flutter,H5,React Native之間的對比FlutterH5React Native
- ARouter簡單入門和介紹
- ffmpeg-入門介紹(筆記)筆記
- java語言的入門介紹Java
- Movie Collector pro for Mac入門介紹Mac
- MySQL儲存引擎入門介紹MySql儲存引擎
- Awk 20 分鐘入門介紹
- [原]Android Fragment 入門介紹AndroidFragment