本节课将会介绍一个 React的高端项目,这个项目是一个 web端的 app,里面有很多功能组件。这个项目使用的 React主要是用来实现一个小的应用中复杂的控件。
下面是课程讲解:
课程一共分为三个部分:基本知识讲解、实践操作、实战案例及总结。
我们先来看看第一部分,课程主要介绍了 React组件的基本知识,从原理上介绍了 React中各个组件之间如何相互协作。
部分文件目录:
===============课程目录=============== 第一章 理念篇 第二章 架构篇之render阶段 第三章 架构篇之commit阶段 第四章 实现篇之Diff算法 第五章 实现篇之状态更新 第六章 实现篇之Hooks 第七章 实现篇之Concurrent Mode (1)\第一章 理念篇;目录中文件数:7个 ├─1.1 如何学习React源码.mp4 ├─1.2 设计理念.mp4 ├─1.3 架构的演进史.mp4 ├─1.4 React新架构—Fiber.mp4 ├─1.5 Fiber架构工作原理.mp4 ├─1.6 如何调试源码.mp4 ├─1.7 源码的目录结构.mp4 (2)\第七章 实现篇之Concurrent Mode;目录中文件数:6个 ├─7.1 scheduler的工作原理及实现.mp4 ├─7.2 lane模型的工作原理.mp4 ├─7.3 异步可中断更新与饥饿问题.mp4 ├─7.4 batchedUpdates的实现.mp4 ├─7.5 高优先级更新如何插队.mp4 ├─7.6 Suspense的实现.mp4 (3)\第三章 架构篇之commit阶段;目录中文件数:4个 ├─3.1 流程概览.mp4 ├─3.2 before mutation阶段.mp4 ├─3.3 mutation阶段.mp4 ├─3.4 layout阶段.mp4 (4)\第二章 架构篇之render阶段;目录中文件数:6个 ├─2.1 架构工作流程概览.mp4 ├─2.2 深入理解JSX.mp4 ├─2.3 “递”阶段mount时流程.mp4 ├─2.4 “归”阶段mount时流程.mp4 ├─2.5 “递”阶段update时流程.mp4 ├─2.6 “归”阶段update时流程.mp4 (5)\第五章 实现篇之状态更新;目录中文件数:5个 ├─5.1 状态更新流程概览.mp4 ├─5.2 优先级与Update.mp4 ├─5.3 Update的计算.mp4 ├─5.4 ReactDOM.render完整流程.mp4 ├─5.5 this.setState完整流程.mp4 (6)\第六章 实现篇之Hooks;目录中文件数:5个 ├─6.1 极简useState实现.mp4 ├─6.2 useState与useReducer的实现.mp4 ├─6.3 useEffect与useLayoutEffect的实现.mp4 ├─6.4 useRef的实现.mp4 ├─6.5 useMemo及useCallback的实现.mp4 (7)\第四章 实现篇之Diff算法;目录中文件数:3个 ├─4.1 Diff算法流程概览.mp4 ├─4.2 单一节点的Diff.mp4 ├─4.3 多节点Diff.mp4