react简介

helloreact案例

虚拟DOM的两种创建方式

虚拟DOM与真实DOM

jsx语法规则

jsx小练习

组件与模块

开发者工具的安装

函数式组件

复习类相关知识

类式组件

对state的理解

初始化state

react中的事件绑定

类中方法中的this

解决类中this指向问题

setState的使用

state的简写方式

总结state

props的基本使用

批量传递props

对props进行限制

props的简写方式

类式组件中的构造器与props

函数式组件使用props

总结props

字符串形式的ref

回调形式的ref

回调ref中调用次数的问题

createRef的使用

总结ref

react中的事件处理

非受控组件

受控组件

高阶函数函数柯里化

不用柯里化的写法

引出生命周期

生命周期(旧)组件挂载流程

生命周期(旧)setState流程

生命周期(旧)forceUpdate流程

生命周期(旧)父组件render流程

总结生命周期(旧)

对比新旧生命周期

getDerivedStateFromProps

getSnapshotBeforeUpdate

getSnapshotBeforeUpdate举例

总结生命周期(新)

DOM的diffing算法

初始化react脚手架

脚手架文件介绍public

脚手架文件介绍src

一个简单的Hello组件

样式的模块化

vscode中react插件的安装

组件化编码流程

TodoList案例静态组件

TodoList案例动态初始化列表

TodoList案例添加todo

TodoList案例鼠标移入效果

TodoList案例添加一个todo

TodoList案例对props进行限制

TodoList案例删除一个todo

TodoList案例实现底部功能

TodoList案例总结TodoList案例

脚手架配置代理方法1

脚手架配置代理方法2

github搜索案例静态组件

github搜索案例axios发送请求

github搜索案例展示数据

github搜索案例完成案例

消息订阅与发布技pubsub

fetch发送请求

总结github搜索案例

对SPA应用的理解

对路由的理解

前端路由原理

路由的基本使用

路由组件与一般组件

NavLink的使用

封装NavLink组件

Switch的使用

解决样式丢失问题

路由的模糊匹配与严格匹配

Redirect的使用

嵌套路由

向路由组件传递params参数

向路由组件传递search参数

向路由组件传递state参数

总结路由参数

push与repalce

编程式路由导航

withRouter的使用

BrowserRouter与HashRouter

antd的基本使用

antd样式的按需引入

antd自定义主题

redux简介

redux工作流程

求和案例纯react版

求和案例redux精简版

求和案例redux完整版

求和案例异步action版

对react-redux的理解

连接容器组件与UI组件

react-redux基本使用

优化1简写mapDispatch

优化2Provider组件的使用

优化3整合UI组件与容器组件

数据共享编写Person组件

数据共享编写Person组件的reducer

数据共享完成数据共享

纯函数

redux开发者工具

最终版

项目打包运行

扩展1setState

扩展2lazyLoad

扩展3stateHook

扩展4EffectHook

扩展5RefHook

扩展6Fragment

扩展7Context

扩展8PureComponent

扩展9renderProps

扩展10ErrorBoundary

组件间通信方式总结