React Native学习提纲

当前版本最后修订日期： 2015年10月21日

一、 React.js入门基础

1.基础HTML/CSS与基础开发工具使用

• html基础
  doctype、常用标签、标签闭合、自定义属性
• css基础
  选择器（id、class）、常用样式、样式覆盖、行内样式、绝对与相对定位、flexbox布局
• 基础开发工具
  使用Chrome调试网页、使用Webstorm编辑代码、使用github管理代码与搜索问题

2.基础Javascript与Node知识

• Javascript基础（ES5）
  基本编码风格与习惯、基本数据类型及转换、数组与对象的操作、函数的定义与使用、引用与深复制、dom操作、ajax
• Node基础
  Node与浏览器环境的差异、nvm、CommonJS规范、require/export等语句的使用、npm基础命令的使用、package.json配置

3.react.js基础

• ES6基础
  webpack/babel基础配置、箭头函数、class继承、模块导入导出、解构、const与let声明、promise、默认参数、展开运算符(...obj)、Map/Set
• react.js基础实践
  vmdom基础概念、jsx语法与注意事项、component生命周期与适用场景、事件代理、强制设置innerHTML、不可控组件问题（input）、ref的使用、state与props、ajax/fetch、组件嵌套与复用、尝试编写交互式界面如tabbar

4.react.js进阶

• react.js进阶实践
  父子组件间通讯（props、context、回调、暴露接口）、任意组件间通讯（flux思想）、redux框架、react-router框架、代码质量控制（flow、eslint、propTypes、mocha/karma/jasmine/jest）、搜索与使用第三方组件、PureRenderMixin、immutable.js

二、 React Native入门基础

1.开发环境搭建

• 科学上网
• iOS开发环境搭建
  Mac OS X、XCode、Homebrew、命令行基础(sudo、chown等)、watchman、iOS模拟器的使用
• Android开发环境搭建(Windows)
  //TODO
• Android编译与打包工具链
  //TODO

三、 实战开发

1.样式与布局

• 样式
  样式的组织、复用、覆盖、局限
• 布局
  flexbox布局、绝对定位布局

2.基础实践

• 常用基础组件
  View、Text、Image、TouchableX、WebView、TextInput等
• 常用复杂组件
  Navigator、TabBar、Modal、ListView/ScrollView等
• 常用API
  相册、地理定位、fetch、timer、AsyncStorage、Dimensions、Alert/Toast等

四、 进阶技巧与最佳实践

1.复杂交互界面
Animated、LayoutAnimation、InteractionManager、requestAnimationFrame、setImmediate/setTimeout、PanResponder

2.整合/编写原生模块
XCode与Android Studio的基本使用、Native Modules、Native UI Components、jsBridge、回调、事件订阅