课程试听
第一章 React基础加强
1-1 本章导学
- 1、本章导学1 免费试学
1-2 脚手架应用
- 2. 使用脚手架创建项目 免费试学
1-3 JSX使用与原理分析
- 3.JSX语法
- 4.嵌入JS表达式
- 5.条件渲染
- 6.列表渲染
- 7.属性处理
- 8.JSX原理分析
- 9.render方法模拟实现1
- 10.render方法模拟实现2
1-4 React 组件基本应用
- 11.组件简介
- 12.函数组件创建
- 13.类组件创建
- 14、组件封装
- 15、事件绑定
- 16、事件对象
- 17、事件流问题
- 18、事件委托
- 19、事件对象补充说明
- 20、有状态组件与无状态组件说明
- 21、组件中的state和setState
- 22、事件处理中的this问题
- 23、通过箭头函数解决this问题
- 24、利用bind方法解决this问题
- 25、setState方法的原理说明
- 26、setState方法第二种语法
- 27、setState方法第二个参数
- 28、受控组件介绍
- 29、富文本框应用
- 30、下拉框应用
- 31、复选框应用
- 32、受控组件更新state流程
- 33、表单处理优化
- 34、非受控组件应用
- 35、实现简单的TodoList布局
- 36、实现TodoList列表展示
- 37、实现TodoList信息添加
- 38、实现TodoList信息删除
1-5 React组件高级应用
- 39、props基本使用
- 40、props特点
- 41、props中的children属性
- 42、props校验
- 43、校验规则说明
- 44、props默认值
- 45、父组件向子组件传递数据
- 46、子组件向父组件传递数据
- 47、兄弟组件通信
- 48、使用自定义事件的方式组件通信
- 49、跨级组件通信
- 50、完善TodoList案例---组件拆分与传值1
- 51、完善TodoList案例---组件拆分与传值2
- 52、完善TodoList案例---对循环遍历代码的优化
- 53、完善TodoList案例---setState方法的修改
- 54、生命周期简介
- 55、生命周期---挂载阶段
- 56、生命周期---更新阶段
- 57、生命周期---卸载阶段
- 58、shouldComponentUpdate方法应用
- 59、发送AJAX请求
- 60、高阶组件介绍
- 61、高阶组件案例1
- 62、高阶组件案例2
- 63、高阶组件---传递props
- 64、高阶组件案例---权限校验1
- 65、高阶组件案例---权限校验2
- 66、高阶组件---装饰者模式
1-6 React组件应用案例
- 67、用户管理案例介绍
- 68、用户管理---整体布局实现
- 69、用户管理---每个用户信息项布局实现
- 70、用户管理---用户信息添加
- 71、用户管理---修改用户状态
- 72、用户管理---删除用户信息
- 73、用户管理---实现全部选中与全部取消功能
- 74、用户管理---搜索筛选用户信息1
- 75、用户管理---搜索筛选用户信息2
- 76、用户管理---搜索筛选用户信息3
- 77、用户管理---删除已处理的用户信息
- 78、用户管理---实现数据的持久化1
- 79、实现数据的持久化2
- 80、实现数据的持久化3
- 81、通用组件开发介绍
- 82、通用组件开发---基本布局实现1
- 83、通用组件开发---基本布局实现2
- 84、通用组件开发---表单校验实现1
- 85、通用组件开发---表单校验实现2
- 86、通用组件开发---表单的统一校验
1-7 本章总结
- 87、本章总结
第二章 React原理剖析
2-1 本章导学
- 1、本章导学2
2-2 createElement方法原理
- 2、模拟实现createElement方法1
- 3、模拟实现createElement方法2
- 4、将虚拟DOM转换成真正的DOM1
- 5、将虚拟DOM转换成真正的DOM2
- 6、类组件与函数组件处理
- 7、createElement方法源码解读---config参数处理
- 8、createElement方法源码解读---children参数处理
- 9、createElement方法源码解读---defaultProps的处理
- 10、createElement方法源码解读---ReactElement说明
2-3 Component源码分析
- 11、Component源码分析
2-4 ReactDom.render源码分析
- 12、ReactDom.render源码分析1
- 13、ReactDom.render源码分析2
- 14、FiberRoot对象简介
- 15、fiber树结构的说明
- 16、render方法执行流程回顾
- 17、ReactDom.render源码分析3
2-5 任务调度介绍
- 18、任务调度介绍
2-6 虚拟DOM和Diff算法
- 19、虚拟DOM原理
- 20、Diff算法原理
2-7 本章总结
- 21、本章总结
第三章 React-Router应用
3-1 本章导学
- 1、本章导学3
3-2 路由基本使用
- 2、路由基本使用
3-3 编程式导航
- 3、路由组件说明
- 4、编程式导航
3-4 默认路由
- 5、默认路由
3-5 路由匹配模式
- 6、模糊匹配模式
- 7、精准匹配模式
3-6 路由参数
- 8、路由参数
3-7 Switch组件应用
- 9、Switch组件基本使用
- 10、Switch组件应用案例
3-8 路由嵌套
- 11、路由嵌套
3-9 路由封装处理
- 12、路由封装处理
- 13、路由嵌套封装
3-10 404处理
- 14、404处理
3-11 重定向处理
- 15、重定向处理
3-12 路由综合案例应用
- 16、路由综合案例应用介绍
- 17、导航菜单实现
- 18、用户菜单实现
- 19、用户列表实现
- 20、用户添加1
- 21、用户添加2
- 22、展示用户详细信息1
- 23、展示用户详细信息
- 24、用户登录与退出
- 25、使菜单处于选中状态
- 26、首页处理
3-13 本章总结
- 27、本章总结
第四章 Redux应用与原理剖析
4-1 本章导学
- 1、本章导学4
4-2 Redux基本使用与核心API理解
- 2、Redux简介
- 3、Redux基本使用1
- 4、Redux基本使用2
- 5、Redux核心API理解
4-3 拆分reducer
- 6、拆分reducer1
- 7、拆分reducer2mp4
4-4 中间件
- 8、中间件基本概念
- 9、redux-logger中间件使用
- 10、redux-thunk中间件使用1
- 11、redux-thunk中间件使用2
4-5 Redux 结合 React 使用
- 12、 react-redux使用1
- 13、react-redux使用2
- 14、react-redux使用3
- 15、react-redux使用4
4-6 Redux综合案例应用
- 16、react-redux应用总结
- 17、Redux综合案例应用介绍
- 18、基本布局实现
- 19、Store创建
- 20、将文本框中的值同步到Store中
- 21、列表信息展示
- 22、Redux中数据删除的处理
- 23、Action的拆分处理
- 24、ActionCreator使用
- 25、Redux基本原则
- 26、展示组件与容器组件
- 27、Redux中发送异步请求
- 28、redux-thunk中间件使用
- 29、redux-thunk中间件原理与源码分析
- 30、redux-saga中间件的使用1
- 31、redux-saga中间件的使用2
- 32、使用react-redux改造程序1
- 33、使用react-redux改造程序2
- 34、使用react-redux改造程序3
4-7 Redux源码解读
- 35、createStore源码解读1
- 36、createStore源码解读2
- 37、applyMiddleware 源码解读
- 38、compose源码解读
4-8 本章总结
- 39、本章总结
第五章 服务端渲染
5-1 本章导学
- 1、本章导学5
5-2 服务端渲染简介
- 2、服务端渲染简介
5-3 实现React服务端渲染
- 3、在服务端构建React应用
- 4、webpack配置1
- 5、webpack配置2
- 6、自动打包与自动重启
- 7、同构的概念
- 8、同构实现1
- 9、同构实现2
- 10、webpack合并处理
5-4 路由的处理
- 11、StaticRouter
5-5 Redux应用
- 12、多个组件之间跳转
- 13、客户端使用Redux
- 14、服务端使用Redux
- 15、中间件使用
- 16、Redux代码优化
- 17、Redux异步处理实现1
- 18、Redux异步处理实现2
- 19、展示异步请求获取的数据
- 20、更改路由
- 21、路由过滤
- 22、嵌套路由处理
- 23、异步数据获取
- 24、数据的脱水与注水
5-6 样式处理
- 25、webpack中样式配置
- 26、css在服务端渲染
- 27、封装样式组件.mp4
5-7 Next.js服务端渲染框架应用
- 28、Next.js 简介
- 29、Next.js基本使用
- 30、通过Link组件来实现路由跳转
- 31、通过命名式的路由实现跳转
- 32、404处理
- 33、通用组件创建1
- 34、通用组件创建
- 35、路由参数的处理
- 36、路由伪装
- 37、服务端支持路由伪装
- 38、静态文件服务器
- 39、获取服务端数据
5-8 本章总结
- 40、本章总结（PPT画面替换）
第六章 新特性Hooks应用
6-1 本章导学
- 1、本章导学6
6-2 Hook简单使用
- 2、Hook简单使用
6-3 React为什么需要Hooks
- 3、React为什么需要Hooks（PPT画面替换）
6-4 State Hook
- 4、State Hook 基本使用
- 5、多个状态处理
- 6、React 是怎样保证多个useState是相互独立的
- 7、useState默认值处理
- 8、State Hook案例---展示新闻信息
- 9、State Hook案例---添加新闻信息
- 10、State Hook案例---删除新闻信息
- 11、useState原理分析
6-5 Effect Hook
- 12、Effect Hook基本使用
- 13、使用 useEffect 获取数据
- 14、useEffect原理分析
6-6 Context Hook
- 15、回顾Context的应用
- 16、useContext的使用
- 17、嵌套的Consumers
6-7 Memo Hook与Ref Hook
- 18、memo的应用
- 19、useMemo应用
- 20、作为DOM引用
- 21、作为实例属性
6-8 Reducer Hook与自定义Hook
- 22、Reducer Hook 基本使用
- 23、Reducer Hook案例
- 24、自定义Hook
6-9 使用Hook规则
- 25、使用Hook规则
6-10 本章总结
- 26、本章总结
第七章 企业管理后台系统开发
7-1 本章导学
- 1、本章导学7
7-2 主页面搭建
- 2、项目演示
- 3、Ant Design基本使用
- 4、整体结构创建
- 5、菜单布局
- 6、动态加载菜单项
- 7、顶部区域的实现
- 8、底部区域的实现
- 9、内容区域的实现
7-3 路由设置
- 10、路由基本设置
- 11、嵌套路由设置
7-4 基础组件使用
- 12、按钮组件使用
- 13、弹出窗口的使用1
- 14、弹出窗口的使用2
- 15、通知信息提示框
- 16、Tabs标签页
7-5 Form表单使用
- 17、登录表单处理
- 18、登录表单处理2
- 19、登录表单处理3
- 20、注册表单处理1
- 21、注册表单处理2
- 22、注册表单处理3
- 23、注册表单处理4
- 24、注册表单处理5
7-6 用户信息管理
- 25、 展示用户基本信息
- 26、Mock数据处理
- 27、axios封装处理
- 28、获取选中用户信息
- 29、批量删除用户信息
- 30、分页封装实现
- 31、删除单条记录
- 32、完善用户数据展示
7-7 商品信息管理
- 33、商品列表展示
- 34、商品添加1
- 35、商品添加2
- 36、商品删除
- 37、解决项目中的错误警告
7-8 本章总结
- 38、本章总结