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