1-1 React 简介

1-2 React小案例

1-3 两种创建虚拟Dom的方式

1-4 虚拟DOM与真实DOM

1-5 jsx语法规则

1-6 jsx小练习

2-1 开发者工具安装

2-2 组件与模块

2-3 函数式组件

2-4 复习类相关知识

2-5 类式组件

3-1 对state的理解

3-2 初始化state

3-3 react中的事件绑定

3-4 类中方法中的this

3-5 解决类中this指向问题

3-6 setState的使用

3-7 state的简写方式

3-8 总结state

4-1 props的基本使用

4-2 批量传递props

4-3 对props进行限制

4-4 props的简写方式

4-5 类式组件中的构造器与props

4-6 函数式组件使用props

4-7 总结props

5-1 字符串形式的ref

5-2 回调形式的ref

5-3 回调ref中调用次数的问题

5-4 createRef的使用

5-5 总结ref

6-1 事件处理

6-2 非受控组件

6-3 受控组件

6-4 高阶函数和函数柯里化

6-5 不用柯里化的写法

7-1 引出生命周期

7-2 生命周期(旧)_组件挂载流程

7-3 生命周期(旧)_setState流程

7-4 生命周期(旧)_forceUpdate流程

7-5 父组件render流程

7-6 总结生命周期(旧)

8-1 对比新旧生命周期

8-2 从Props获取DerivedState

8-3 获取更新前快照

8-4 10 getSnapshotBeforeUpdate案例

8-5 总结生命周期(新)

8-6 DOM的diffing算法

9-1 初始化react脚手架

9-2 脚手架文件介绍_public

9-3 脚手架文件介绍_src

9-4 一个简单Hello组件

9-5 样式的模块化

9-6 WebStorm中的快捷键

9-7 组件化编码流程

10-1 TodoList案例_静态组件

10-2 动态初始化列表

10-3 添加todo

10-4 鼠标移入效果

10-5 勾选和取消勾选

10-6 对props进行限制

10-7 删除一个todo

10-8 实现底部功能

10-9 总结TodoList案例

11-1 脚手架配置代理1

11-2 脚手架配置代理2

11-3 豆瓣电影搜索案例_静态组件

11-4 豆瓣电影搜索案例_axios发送请求

11-5 豆瓣电影搜索案例_展示数据

11-6 豆瓣电影搜索案例_完成案例

11-7 豆瓣电影搜索案例_消息订阅与发布_pubsub

11-8 豆瓣电影搜索案例_fetch发送请求

11-9 豆瓣电影搜索案例_总结

12-1 对SPA应用的理解

12-2 对路由的理解

12-3 前端路由原理

12-4 路由的基本使用

12-5 路由组件与一般组件

12-6 NavLink的使用

12-7 封装NavLink组件

12-8 Switch的使用

12-9 解决样式丢失问题

12-10 路由的模糊匹配与严格匹配

12-11 Redirect的使用

12-12 嵌套路由

12-13 向路由组件传递params参数

12-14 向路由组件传递search参数

12-15 向路由组件传递state参数

12-16 总结路由参数

12-17 push与repalce

12-18 编程式路由导航

12-19 withRouter的使用

12-20 浏览器路由器与HashRouter

13-1 antd的基本使用

13-2 antd样式的按需引入

13-3 antd自定义主题

14-1 redux简介

14-2 redux工作流程

14-3 求和案例_纯react版

14-4 求和案例_redux精简版

14-5 求和案例_redux完整版

14-6 求和案例_异步action版

14-7 对react-redux的理解

14-8 连接容器组件与UI组件

14-9 react-redux基本使用

14-10 优化1_简写mapDispatch

14-11 优化2_Provider组件的使用

14-12 优化3_整合UI组件与容器组件

14-13 数据共享_编写Person组件

14-14 数据共享_编写Person组件的reducer

14-15 数据共享_完成数据共享

14-16 纯函数

14-17 redux开发者工具

14-18 最终版

14-19 项目打包运行

15-1 扩展1_setState

15-2 扩展2_lazyLoad

15-3 扩展3_stateHook

15-4 扩展4_EffectHook

15-5 扩展5_RefHook

15-6 扩展6_Fragment

15-7 扩展7_Context

15-8 扩展8_PureComponent

15-9 扩展9_renderProps

15-10 扩展10_ErrorBoundary

15-11 组件间通信方式总结