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流程
总结生命周期(旧)
对比新旧生命周期
从Props获取DerivedState
获取更新前快照
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的使用
浏览器路由器与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
组件间通信方式总结
本套视频教程基于新版React17录制,对React开发中的各项核心技术进行了详细讲解。核心React基础知识+周边技术一网打尽! 所有知识点都以案例为驱动,演绎式教学,生活化举例,保姆式解读官网,授之以渔更授之以渔!讲解细致,幽默风趣,让你听着上头,学到痴迷。即便零基础的小伙伴也可以愉快地学会React技术!