当前版本最后修订日期: 2015年10月21日
版本 | 日期 | 说明 | 作者 |
---|---|---|---|
1.0 | 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、回调、事件订阅
时间: 2024-10-28 11:56:09