ReactNative開發資料整理

ES6

參考文檔：http://es6.ruanyifeng.com/#do...

經常使用的幾個語法糖：

• let和const命令：http://es6.ruanyifeng.com/#do...

• 變量的解構賦值： http://es6.ruanyifeng.com/#do...

• 模板字符串：http://es6.ruanyifeng.com/#do...模板字符串

• 箭頭函數：http://es6.ruanyifeng.com/#do...箭頭函數

React.js

React 是用於構建用戶界面的 JAVASCRIPT 庫。

• 僅僅是 UI：許多人使用 React 做爲 MVC 架構的 V 層。儘管 React 並無假設過你的其他技術棧，但它仍能夠做爲一個小特徵輕易地在已有項目中使用。

• 虛擬 DOM：React 爲了更高超的性能而使用虛擬 DOM 做爲其不一樣的實現。它同時也能夠由服務端 Node.js 渲染——而不須要太重的瀏覽器DOM支持。

• 數據流：React 實現了單向響應的數據流，從而減小了重複代碼，這也是它爲何比傳統數據綁定更簡單。

參考文檔：

• 入門教程：http://www.ruanyifeng.com/blo...

• 官方文檔：https://facebook.github.io/re...

• 中文文檔(GitBook)：https://www.gitbook.com/book/...

Thinking In React

須要徹底忘記jQuery那種操做Dom的開發模式，React是數據驅動的模式；
React 編程思想：https://chenyitian.gitbooks.i...

關鍵字： JSX語法、複合組件、組件的規範和生命週期、事件系統

Redux

• 官方文檔：http://redux.js.org/

• 中文文檔：http://cn.redux.js.org/index....

三大原則

詳細說明：http://cn.redux.js.org/docs/i...

• 單一數據源：整個應用的 state 被儲存在一棵 object tree 中，而且這個 object tree 只存在於惟一一個 store 中。

• State 是隻讀的：唯一改變 state 的方法就是觸發 action，action 是一個用於描述已發生事件的普通對象。

• 使用純函數來執行修改：爲了描述 action 如何改變 state tree ，你須要編寫 reducers。

ReactNative

官網：https://facebook.github.io/re...
中文文檔：http://reactnative.cn/docs/0....

與web開發差別比較大的地方

• 樣式：全部的核心組件都接受名爲style的屬性。這些樣式名基本上是遵循了web上的CSS的命名，只是按照JS的語法要求使用了駝峯命名法，例如將background-color改成backgroundColor。

• 高度與寬度：React Native中的尺寸都是無單位的，表示的是與設備像素密度無關的邏輯像素點。

• 使用Flexbox佈局：在React Native中使用flexbox規則來指定某個組件的子元素的佈局。Flexbox能夠在不一樣屏幕尺寸上提供一致的佈局結構。

• Navigator：使用導航器跳轉頁面。