课程大纲：

React 基础入门培训

课程将重心放在 React 基础知识，从基本的 JSX 语法开始，带你逐渐领略元素，组件，props & state，

生命周期等 React 基本组成单位，后我们会对 React 的 HOC 作一定的了解，以感受 React 组件化的编程思想。

1 React 简介
2 JSX
3 组件
4 React 生命周期
5 条件渲染
6 表单
7 HOC & mixins
8 ES6 语法
9 元素渲染
10 props & state
11 React 事件处理
12 列表 & keys
13 propTypes 类型检查

1
React 简介与安装使用

1.React简介

2.React安装

3.React简单操作

2
ES6 语法

1.let&const

2.箭头函数

3.类

4.模板字符串

3
JSX

1.JSX简介

2.JSX表达式

3.JSX属性

4.JSX与事件

5.JSX与样式

6.JSX与Objects

7.JSX与XSS

8.不使用JSX

4
元素渲染

1.声明元素

2.将元素渲染到DOM中

3.更新元素渲染

5
组件

1.函数式声明组件

2.ES6类语法声明组件

3.ES5语法声明组件

4.组件分类

6
props & state

1.props简介

2.props的简单传值

3.props传值在父子组件嵌套中的应用

4.props传递方法

5.props修改

6.state定义及简单操作

7.state修改 8.state与props

7
React 生命周期

1.实例化

2.getDefaultPropsgetInitialStatecomponentWillMountrendercomponentDidMount

3.存在期componentWillReceivePropsshouldComponentUpdatecomponentWillUpdatecomponentDidUpdate

4.销毁componentWillUnmount

8
React 事件处理

1.事件声明

2.绑定this

9
条件渲染

1.ifelse

2.元素变量

3.&&运算符

4.三目运算符

5.阻止组件渲染

10
列表 & keys

1.渲染多个组件

2.keys

11
表单

1.input

2.textarea

3.select

12
propTypes 类型检查

1.一个简单的类型检查

2.复杂类型

13
HOC & mixins

1.Mixins

2.HOC

React 安装

新建静态 HTML 文件并创建 React App

动手学习 let & const、箭头函数、类及模板字符串

动手学习 JSX 相关语法

动手学习 声明元素、将元素渲染到 DOM 中以及更新元素渲染

动手学习 声明组件以及组件分类

动手学习 props 和 state

动手学习 实例化、存在期以及销毁

动手学习 事件声明和绑定 this

动手学习 if else、元素变量、&& 运算符、三目运算符、阻止组件渲染

动手学习 渲染多个组件以及 keys

动手学习 input、textarea 以及 select

动手学习 简单类型检查和复杂类型

动手学习 Mixins 和 HOC