learn react with es6

0、ES6语法基础

• 变量和参数
• class类
• Function函数
• Object对象
• Promise
• Modules模块化

1、搭建React开发环境

• react开发环境搭建

2、JSX语法

• 内嵌元素(Nested Elements)
• 添加属性(Attributes)
• Js表达式(JavaScript Expressions)
• 样式(Styling)
• 注释(Comments)
• 命名约定(Naming Convention)

3、Components组件

• 无状态组件(Stateless Components)
• 状态组件(Stateful Components)
• 函数式声明组件(Function Components)
• 可重用组件

4、state状态和props属性

• 状态组件(state components)
• 属性组件(props components)
• 默认属性(Default Props)
• state和props混合
• 验证属性(Validating props)
• 自定义属性验证
• 综合小例子(contactsApp)

5、Components组件的API

• 设置状态setState()
• 强制更新ForceUpdate
• 查找DOM节点Find Dom Node

6、Components组件生命周期

7、Forms表单

8、Event事件

9、ref元素引用

10、key键属性

11、router路由

12、redux架构

13、Animations动画

• ES6入门

• react入门