React Native第3天——經常使用組件和常見Q&A

我（web+android開發經驗）學習React Native過程當中接觸的知識點和學習的線路圖。

React Native第1天——環境配置及知識體系

• 掌握環境配置及運行hello world

• 掌握開發流程，會基本的靜態佈局（未交互）

React Native第2天——底層原理了解

• 瞭解React Native架構（Java層、C++層、Js層）

• 瞭解基本目錄結構及經常使用命令的工做

React Native第3天——經常使用組件和常見Q&A

• 掌握經常使用組件

• 掌握頁面切換、網絡請求方法

• 實踐開發一個實現基本功能的app

附：React-Native學習資料

---

• 動態控件（點擊及響應）

• 頁面切換

• 網絡請求

• 生命週期及狀態(isloading、componentDidMount()、TouchableNativeFeedback)

• 傳遞參數

http://reactjs.cn/react/docs/jsx-spread-zh-CN.html （this.props）

http://www.jianshu.com/p/267f9d49a7a2# （onpress()傳遞參數）

http://www.oschina.net/translate/going-native-with-react （navigator傳遞參數）

https://facebook.github.io/react-native/docs/navigatorios.html （passProps????）

延展操做符(Spread operator)

這個 … 操做符（也被叫作延展操做符 － spread operator）已經被 ES6 數組 支持。它容許傳遞數組或者類數組直接作爲函數的參數而不用經過apply。

http://blog.csdn.net/yubo_725/article/details/50561631

{...route} 這是一句 es6 語法，表示將route中全部的鍵值對以屬性賦值的方式展開，也就是{name: 'pober', gender: 'man'} 到 name = 'pober' gender = 'man'之間的轉換。這樣就把route對象中全部的鍵值對就很容易地放到route.component組件的props屬性中去啦～

http://www.jianshu.com/p/03ddca8f1982#

JSX 展開屬性

http://wiki.jikexueyuan.com/project/react/transferring-props.html

http://www.jianshu.com/p/03ddca8f1982# （{...route.passProps}正確使用）

https://medium.com/@dabit3/react-native-navigator-navigating-like-a-pro-in-react-native-3cb1b6dc1e30#.wptk1djng （{...route.passProps}正確使用）

• 控件封裝

http://blog.csdn.net/yuanguozhengjust/article/details/50601111

• React createClass 和 Component 有什麼區別

http://zhidao.baidu.com/link?url=YWtVoBzR95WNLS4fTROS_nm7y0z6-xHEHw6jGI47vGSazv18bCpwSML_XzlTEtmGokQxu-Ey8JAu5h9_JMvufG4VuSX1kT-wWP0FV5mw83q

http://www.tuicool.com/articles/QriuUn

http://www.jianshu.com/p/435661bb9ede

• 組件通信

http://imweb.io/topic/55e2c5b8771670e207a16bb8 (頁面模塊聯動，頁面自己Page，菜單list，課程list。菜單list和課程list被Page引用，二者之間的數據通信，須要經過Page來傳遞 )

• 一個栗子

React.js 的介紹 - 針對瞭解 jQuery 的工程師 '以web概念，快速瞭解React思想'

http://www.javashuo.com/article/p-gpgbqkxq-cu.html

React-native 嚐鮮計劃-場景切換（Navigator）

http://www.liuguangli.win/archives/266

React-Native 網絡請求

http://hanks.xyz/2015/12/23/react-network/

React-Native 鬼畜表情包app

http://hanks.xyz/2016/01/11/react-native-23333/

React Native 簡介：以 JavaScript 建構 iOS App http://www.appcoda.com.tw/react-native-introduction/

用JavaScript搭建高性能App—React Native實戰教程 （房子教程）

http://www.1ke.co/course/269

• 開發總結要點

React Native 中ES6語法解析

http://blog.csdn.net/yubo_725/article/details/50561631

React Native 基礎練習指北（二）

http://www.javashuo.com/article/p-bxpcwzik-de.html

• 兼容性（Android、Ios）

react-native的兼容性（Android、Ios）

http://www.javashuo.com/article/p-nrpelefu-gv.html