React Native学习提纲

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、回调、事件订阅