update courseware

This commit is contained in:
xie jie 2023-10-25 14:56:03 +08:00
parent 9cc80e03bd
commit 6dcec4143b
2 changed files with 187 additions and 157 deletions

View File

@ -0,0 +1,187 @@
# 序章React课程介绍
## 入门篇
### 第一章 React核心概念
1-1. *React* 基本介绍
1-2. *JSX* 基础语法
1-3. 组件与事件绑定
1-4. 组件状态和数据传递
1-5. 表单
1-6. 生命周期
1-7. *Hooks*
### 第二章 路由与状态管理
2-1. *React-router* 介绍
2-2. 学生管理系统part1
2-3. 学生管理系统part2
2-4. *React-router* 收官
2-5. *Redux* 介绍
2-6. *React-redux* 介绍
2-7. *React-redux* 收官
### 第三章 *Coder Station* 前台项目
3-1. *Antd* 介绍
3-2. 项目介绍与项目准备
3-3. 搭建项目整体框架
3-4. 登录注册part1
3-5. 登录注册part2
3-6. 登录注册part3
3-7. 问答模块part1
3-8. 问答模块part2
3-9. 问答模块part3
3-10. 问答模块part4
3-11. 分类与搜索功能
3-12. 面试题模块与导航守卫
3-13. 个人中心part1
3-14. 个人中心part2
3-15. 项目总结
### 第四章 Coder Station 后台管理项目
4-1. 项目介绍
4-2. *AntdPro* 介绍
4-3. *Dva* 介绍
4-4. *Umi* 介绍
4-5. 搭建项目整体框架
4-6. 管理员模块part1
4-7. 管理员模块part2
4-8. 管理员模块part3
4-9. 用户模块part1
4-10. 用户模块part2
4-11. 书籍模块
4-12. 后台登录
4-13. 权限控制与图表
4-14. 项目总结
## 就业篇
### 第一章 高阶指引
1-1. 属性默认值和类型验证
1-2. 高阶组件
1-3. Ref
1-4. Context
1-5. Render Props
1-6. Portals
1-7. 错误边界
1-8. 组件渲染性能优化
### 第二章 架构介绍
2-1. 前端框架的理解
2-2. React 和 Vue 描述页面的区别
2-3. 前端框架分类
2-4. 虚拟DOM
2-5. React整体架构
2-6. React渲染流程
2-7. Fiber双缓冲
2-8. MessageChannel
2-9. Scheduler调度普通任务
2-10. Scheduler调度延时任务
2-11. 最小堆
2-12. React中的位运算
2-13. beginWork工作流程
2-14. completeWork工作流程
2-15. 图解 diff 算法
2-16. commit 工作流程
2-17. lane模型
2-18. React中事件
2-19. Hooks原理
2-20. useState和useReducer
2-21. effect相关hook
2-22. useCallback和useMemo
2-23. useRef
2-24. update
2-25. 性能优化策略之eagerState
2-26. 性能优化策略之bailout
2-27. bailout与ContextAPI
2-28. 性能优化对日常开发启示

View File

@ -1,157 +0,0 @@
# 新版 *React* 课程大纲(第二版)
## 入门篇
在讲 *React* 课程的时候,我会默认大家已经学过了 *Vue*,讲课的时候会将一些知识和 *Vue* 进行一个对比。
### 序章
- 课程整体介绍
- 入门篇介绍
### 第一章
- *React* 核心概念
- *React* 基本介绍
- *JSX* 基本介绍
- 事件
- *React* 中的组件
- 组件状态传递
- 表单
- 生命周期
- *Hooks*
- *Hooks* 介绍
- *useState*
- *useEffect*
### 第二章
- *React-Router-Dom v6*
- *v6* 版本 *router* 的基本使用
- 完成学生管理系统
- *React-redux*
- *redux* 核心概念
- *react-redux* 的基本使用
- 完善学生管理系统
### 第三章
- *antd* 介绍
- *Coder Station* 项目介绍
- 完成 *Coder Station* 前台项目
### 第四章
- *dva* 的基本使用
- *antdpro* 介绍
- *Umi4* 基本介绍
- 完成 *Coder Station* 后台项目
## 就业篇
### 序章
- 就业篇整体介绍
### 第一章(进阶知识)
- 属性默认值和类型验证
- 高阶组件
- *Ref*
- *Context*
- *PureComnent*
- *RenderProps*
- *Portals*
- 错误边界
### 第二章(高级概念)
- 事件系统
- 深入 *props*
- 深入 *state*
- 渲染过程
- 渲染控制
- 渲染调优
### 第三章(架构篇)
- *React* 架构概述
- 调度与时间片
- 调和与 *fiber*
- *render* 全流程
- 更新流程
- *v18commit* 全流程
- *Hooks* 原理
- *Context* 原理
### 第四章v18 新特性)
- *transition*
- *Suspense*
- 新的 *Hooks*
- 订阅外部数据源
- *concurrent* 下的 *state* 更新流程
- *Offscreen*
### 第五章(实践篇)
- 实现 *keepalive* 功能
- 处理海量数据
- ......
## 源码篇
### 序章
- 源码篇介绍
### 第一章
- *React* 源码
### 第二章
- *React-router* 源码
### 第三章
- *Redux* 源码
- *React-redux* 源码
- *dva* 源码