⚠️ 重要提醒：课程资源里面的所有加微信什么的不要信，上当受骗与本站无关。

📚 课程介绍

本课程深入解析React源码，适合有一定前端基础并希望成为高级前端工程师的学习者。课程从基础知识到源码细节，全面讲解React的核心原理和实现。

📋 学习前提

1. HTML/CSS基础（网页结构和样式语言） 2. JavaScript基础（网页交互编程语言） 3. React基础（React的基本概念和组件）

⭐ 推荐指数

⭐⭐⭐⭐☆ (4/5星)

📖 课程目录

第9章 suspense and priority

09-1 优先级和任务挂起的含义（1）

09-2 优先级和任务挂起的含义（2）

09-3 两个expirationTime的不同作用

09-4 Suspense组件同步模式下的更新

09-5 Suspense组件同步渲染模式补充

09-6 Suspense组件异步模式下的更新

09-7 retrySuspendedWork所做的事情

第8章 功能详解：基础

08-01 context-stack

08-02 遗留context-api的实现过程（1）

08-03 遗留context-api的实现过程（2）

08-04 新context的实现

08-05 ref的实现过程

08-06 hydrate-是否需要hydrate的判断

08-07 hydrate-更新开始判断节点是否可以hydrate

08-08 hydrate-再completeWork中复用可hydrate的节点

08-09 event事件系统初始化-注入平台事件插件

08-10 event事件监听的过程

08-11 event-事件触发的过程

08-12 event-事件对象的生产过程

08-13 event查漏补缺

第7章 commitRoot

07-01 commitRoot的总体工作内容

07-02 invokeGuardedCallback开发时的帮助方法

07-03 commitRoot第一个操作-获取快照

07-04 commitAllHostEffects总体做了哪些事情

07-05 commitPlacement插入新的子节点的操作

07-06 commitWork更新节点属性的过程

07-07 commitWork删除节点的操作过程

07-08 commitLifecycles调用生命周期方法

第6章 完成节点任务

06-01 completeUnitOfWork的整体流程和意义

06-02 重设childExpirationTime

06-03 completWork具体做了什么

06-04 初次渲染中completeWork对于DOM节点的创建和appendAllChild算法

06-05 初次渲染中如何进行DOM节点属性初始化操作

06-06 更新DOM时进行的diff判断

06-07 completeWork阶段对于HostText的更新

06-08 renderRoot中对于错误的处理

06-09 unwindWork以及React中的错误处理

第5章 各类组件的Update

05-01 入口和优化

05-02 FunctionalComponent的更新

05-03 reconcilerChildren

05-04 reconcilerChildren-array

05-05 updateClassComponent

05-06 ClassComponent的更新

05-07 IndeterminateComponent组件类型和其更新过程

05-08 HostRoot的更新

05-09 HostComponent和HostText的更新

05-10 Poratl组件的更新

05-11 ForwardRef的更新

05-12 Mode组件的更新

05-13 Memo组件的更新

第4章 Fiber Scheduler

04-01 总结流程概览

04-02 scheduleWork

04-03 requestWork

04-04 batchedUpdates

04-05 reactScheduler（1）

04-06 reactScheduler（2）

04-07 reactScheduler（3）

04-08 reactScheduler（4）

04-09 performWork

04-10 renderRoot

04-11 最后补充

第3章 React中的更新

03-01 react-dom-render

03-02 react-fiber-root

03-03 react-fiber

03-04 react-update-and-updateQueue

03-05 react-expiration-time

03-06 different-expirtation-time

03-07 react-setState-forceUpdate

第2章 基础知识 React API 一览

02-01 准备工作

02-02 JSX到JavaScript的转换

02-03 react-element

02-04 react-component

02-05 react-ref

02-06 forward-ref

02-07 context

02-08 concurrent-mode

02-09 suspense-and-lazy

02-10 hooks

02-11 children

02-12 others

第10章 功能详解：Hooks

10-1 什么是Hooks以及他的用法

10-2 Hooks的定义以及执行前后的准备和重置

10-3 useState的实现原理和注意事项（1）

10-4 useState的实现原理和注意事项（2）

10-5 useEffect和useLayoutEffect的实现原理和区别

10-6 其他Hooks的实现

第1章 课程导学

01-01 课程导学

第11章 课程总结

11-1 课程总结

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。