React全家桶教程

• 第1章 第一章
• 1-1 react简介
• 1-2 helloreact案例
• 1-3 虚拟DOM的两种创建方式
• 1-4 虚拟DOM与真实DOM
• 1-5 jsx语法规则
• 1-6 jsx小练习
• 1-7 组件与模块
• 1-8 开发者工具的安装
• 1-9 函数式组件
• 1-10 复习类相关知识
• 第2章 第二章
• 2-1 类式组件
• 2-2 对state的理解
• 2-3 初始化state
• 2-4 react中的事件绑定
• 2-5 类中方法中的this
• 2-6 解决类中this指向问题
• 2-7 setState的使用
• 2-8 state的简写方式
• 2-9 总结state
• 2-10 props的基本使用
• 第3章 第三章
• 3-1 批量传递props
• 3-2 对props进行限制
• 3-3 props的简写方式
• 3-4 类式组件中的构造器与props
• 3-5 函数式组件使用props
• 3-6 总结props
• 3-7 字符串形式的ref
• 3-8 回调形式的ref
• 3-9 回调ref中调用次数的问题
• 3-10 createRef的使用
• 第4章 第四章
• 4-1 总结ref
• 4-2 react中的事件处理
• 4-3 非受控组件
• 4-4 受控组件
• 4-5 高阶函数函数柯里化
• 4-6 不用柯里化的写法
• 4-7 引出生命周期
• 4-8 生命周期(旧)组件挂载流程
• 4-9 生命周期(旧)setState流程
• 4-10 生命周期(旧)forceUpdate流程
• 第5章 第五章
• 5-1 生命周期(旧)父组件render流程
• 5-2 总结生命周期(旧)
• 5-3 对比新旧生命周期
• 5-4 getDerivedStateFromProps
• 5-5 getSnapshotBeforeUpdate
• 5-6 getSnapshotBeforeUpdate举例
• 5-7 总结生命周期(新)
• 5-8 DOM的diffing算法
• 5-9 初始化react脚手架
• 5-10 脚手架文件介绍public
• 第6章 第六章
• 6-1 脚手架文件介绍src
• 6-2 一个简单的Hello组件
• 6-3 样式的模块化正在学
• 6-4 vscode中react插件的安装
• 6-5 组件化编码流程
• 6-6 TodoList案例静态组件
• 6-7 TodoList案例动态初始化列表
• 6-8 TodoList案例添加todo
• 6-9 TodoList案例鼠标移入效果
• 6-10 TodoList案例添加一个todo
• 第7章 第七章
• 7-1 TodoList案例对props进行限制
• 7-2 TodoList案例删除一个todo
• 7-3 TodoList案例实现底部功能
• 7-4 TodoList案例总结TodoList案例
• 7-5 脚手架配置代理方法1
• 7-6 脚手架配置代理方法2
• 7-7 github搜索案例静态组件
• 7-8 github搜索案例axios发送请求
• 7-9 github搜索案例展示数据
• 7-10 github搜索案例完成案例
• 第8章 第八章
• 8-1 消息订阅与发布技pubsub
• 8-2 fetch发送请求
• 8-3 总结github搜索案例
• 8-4 对SPA应用的理解
• 8-5 对路由的理解
• 8-6 前端路由原理
• 8-7 路由的基本使用
• 8-8 路由组件与一般组件
• 8-9 NavLink的使用
• 8-10 封装NavLink组件
• 第9章 第九章
• 9-1 Switch的使用
• 9-2 解决样式丢失问题
• 9-3 路由的模糊匹配与严格匹配
• 9-4 Redirect的使用
• 9-5 嵌套路由
• 9-6 向路由组件传递params参数
• 9-7 向路由组件传递search参数
• 9-8 向路由组件传递state参数
• 9-9 总结路由参数
• 9-10 push与repalce
• 第10章 第十章
• 10-1 编程式路由导航
• 10-2 withRouter的使用
• 10-3 BrowserRouter与HashRouter
• 10-4 antd的基本使用
• 10-5 antd样式的按需引入
• 10-6 antd自定义主题
• 10-7 redux简介
• 10-8 redux工作流程
• 10-9 求和案例纯react版
• 10-10 求和案例redux精简版
• 第11章 第十一章
• 11-1 求和案例redux完整版
• 11-2 求和案例异步action版
• 11-3 对react-redux的理解
• 11-4 连接容器组件与UI组件
• 11-5 react-redux基本使用
• 11-6 优化1简写mapDispatch
• 11-7 优化2Provider组件的使用
• 11-8 优化3整合UI组件与容器组件
• 11-9 数据共享编写Person组件
• 11-10 数据共享编写Person组件的reducer
• 第12章 第十二章
• 12-1 数据共享完成数据共享
• 12-2 纯函数
• 12-3 redux开发者工具
• 12-4 最终版
• 12-5 项目打包运行
• 12-6 扩展1setState
• 12-7 扩展2lazyLoad
• 12-8 扩展3stateHook
• 12-9 扩展4EffectHook
• 12-10 扩展5RefHook
• 第13章 第十三章
• 13-1 扩展6Fragment
• 13-2 扩展7Context
• 13-3 扩展8PureComponent
• 13-4 扩展9renderProps
• 13-5 扩展10ErrorBoundary
• 13-6 组件间通信方式总结