前端跳槽突围课React18底层源码深入剖析

一低头的温柔

' \& A. Y7 d( N; Z7 L├─第1章 课程介绍
│        1-1 React18源码实战课程导学.mp4
+ ^3 v. V& o' c, \4 E│        
├─第2章 学前技术储备：React核心知识点讲解
0 e- e& S" E! z  i' \7 S# {│        2-1 为什么要学习React源码.mp4
8 m/ C9 ?/ Q9 v% O) U# e# F│        2-2 React的迭代历史：那些标志性的变革，如类组件、Fiber、Hooks、Concurrent等.mp4
( {8 j, M, \2 R5 o1 I# \+ O: x! _* @│        2-3 Thinking in React，即用React的方式写React-1.mp4
│        2-4 Thinking in React，即用React的方式写React-2.mp4
0 D( O# k: E) I5 U6 W│        2-5 React中的状态管理与状态管理库-1.mp4
# n2 L/ c8 [  g2 S* N9 |& h9 N│        2-6 React中的状态管理与状态管理库-2.mp4
│        2-7 state (状态)与props (属性).mp4
│        2-8 React中的组件，如函数组件、类组件等.mp4
│        2-9 Hooks.mp4
│        2-10 Context.mp4
│        2-11 React脚手架以及企业级框架.mp4
│        2-12 React 组件的常见性能优化-1.mp4
) ^3 V& q8 h, Z0 W│        2-13 React 组件的常见性能优化-2.mp4
│        2-14 React 组件的常见性能优化-3.mp4
│        
& Q7 Q7 C6 F: ]1 {' r7 f/ z2 S├─第3章 学习前：底层源码的高效学习方法分享
│        3-1-1 如何高效学习React源码.mp4
) n4 z3 G8 Q* y4 d4 g│        3-2-2 如何高效学习React源码.mp4
' `3 V/ I1 j( D( _7 O│        3-3 如何debug React源码.mp4
│        3-4 如何运行React测试用例.mp4
│        3-5 如何成为React Contributor.mp4
6 m; q- H2 l3 S8 S% d" P# z5 {│        
├─第4章 代码实践：打造轮子，自己的mini react框架
│        4-1 造轮子的优势以及步骤.mp4
+ g8 Y! V1 W/ Z1 S8 d) M0 L│        4-2 搭建自己的mini react项目.mp4
- f% d. n: o+ V8 w! }3 ^' m│        
) u  ]& v& s! s, B& B( L├─第5章 React18全新底层核心运行机制：任务调度机制的代码实践
7 `8 O# l9 q* G, O7 Z5 z1 t│        5-1 实现任务调度算法-1.mp4
│        5-2 实现任务调度算法-什么是最小堆-2.mp4
│        5-3 实现任务调度算法-实现最小堆的peek与push函数-3.mp4
│        5-4 实现任务调度算法-实现最小堆的pop函数-4.mp4
│        5-5 任务调度器scheduler.mp4
( H5 ^* a! T, |. t) y: v/ K│        5-6 如何实现时间切片.mp4
% d0 A; _) E2 |/ g! X$ Y│        5-7 如何实现任务调度函数入口.mp4
- Q) e) x# t! `2 }│        5-8 如何实现一个requestIdleCallback.mp4
; p7 r- k: z2 ?│        5-9 如何调度延迟任务.mp4
. K; B" T' g+ Q0 m( @8 y6 F0 a│        5-10 总结：源码实践React底层任务调度机制.mp4
3 Z7 p3 Y; Z, k% S* W; A& s│
├─第6章 React18全新底层核心运行机制：任务调度机制源码阅读，思维拔高
│        6-1 剖析React中的任务调度器场景：合作式调度器 & 抢占式调度器__ev-金狮.mp4
│        6-2 剖析React任务调度源码.mp4
│
├─第7章 React渲染机制：原始渲染VDOM与性能改革Fiber的源码剖析
' g6 K) R" B$ P( [2 H  a) n│        7-1 VDOM的四大问题：what、why、where、how.mp4
3 q- m  a: C' a" c+ `8 g4 X│        7-2-1 Fiber详解.mp4
7 P2 M! `" O7 i4 \, J, Q" Q8 W& N│        7-3-2 Fiber详解.mp4
5 Y+ m; O0 Q  U" }4 U7 t│        7-4 掌握不同类型组件的Fiber：查看并调试.mp4
6 a$ d% T6 B  F3 ^/ P: i- O│
├─第8章 React渲染机制：React中初次渲染流程深度剖析
, t5 i$ n3 P' E" n* z. Y* k* @. p7 ~│        8-1 在浏览器DOM 节点中创建根节点：createRoot-1.mp4
│        8-2-2 在浏览器DOM 节点中创建根节点：createRoot.mp4
│        8-3-3 在浏览器DOM 节点中创建根节点：createRoot.mp4
│        8-4-4 在浏览器DOM 节点中创建根节点：createRoot.mp4
│        8-5-1 root.render与unmount函数的流程.mp4
) ]# A$ j) M3 h4 c0 K7 l& N  |│        8-6-1 root.render与unmount函数的流程.mp4
│        8-7-1 update的数据结构与算法.mp4
│        8-8-2 update的数据结构与算法.mp4.mp4
2 W. n9 p: Z: q& k3 X3 s│        8-9-1 scheduleUpdateOnFiber调度更新.mp4
( q+ a  H! }; ^2 I│        8-10-2 scheduleUpdateOnFiber调度更新.mp4
│        8-11-3 scheduleUpdateOnFiber调度更新.mp4
│        8-12 render阶段.mp4
│        8-13 render阶段-beginWork.mp4
│        8-14 render阶段-renderRootConcurrent.mp4
│        8-15 commit阶段.mp4
4 P; s+ }5 j4 X  D│
├─第9章 React渲染机制：页面初次渲染原生标签代码实践
│        9-1 创建Fiber与FiberRoot.mp4
│        9-2 如何实现页面渲染的入口函数createRoot.mp4
│        9-3 scheduleUpdateOnFiber调度更新.mp4
│        9-4 render阶段.mp4
8 \. l1 b1 N6 l  h│        9-5 render阶段-beginWork-1.mp4
% a# k. }, e/ J│        9-6 render阶段-beginWork-2.mp4
│        9-7 render阶段-completeWork.mp4
  ?, f9 E8 ^0 Z  k  ?4 w7 j3 A│        9-8 commit阶段.mp4
│        
├─第10章 React渲染机制：手写不同组件的渲染过程，掌握其机制原理
$ t1 j) I9 m+ e& t' |│        10-1 如何实现多个原生标签子节点渲染的源码.mp4
│        10-2 如何实现文本节点渲染的源码.mp4
│        10-3 如何实现Fragment渲染的源码.mp4
! Z3 ?5 B( r6 k7 h1 I$ d9 t' @; \& t) z│        10-4 如何实现类组件渲染的源码.mp4
│        10-5 实现函数组件渲染的源码.mp4
│        
├─第11章 React开发的利器：Hooks底层分析
│        11-1 Hook简介.mp4
; V  q) E) W! T  g. i│        11-2 Hook规则背后的原因.mp4
│        11-3 函数组件的Hook源码解读.mp4
│        11-4-1 useReducer源码解读.mp4
1 k' P6 I* _/ N│        11-5-2 useReducer源码解读.mp4
│        11-6 useState源码解读.mp4
( ]  D) [; d7 O1 |+ x% H2 J9 N$ {│        
├─第12章 React开发的利器：手写实现Hooks，掌握Hooks底层数据结构
+ d- M$ i/ K3 ~│        12-1 模拟事件，初步实现useReducer.mp4
, F2 r  T6 Y* _/ t% X7 O. V& z│        12-2 实现useReducer，掌握Hooks的底层结构实现与函数组件的状态-1.mp4
% Y+ Y2 v" c$ w" {7 C9 ^  E" ^│        12-3 实现useReducer，掌握Hooks的底层结构实现与函数组件的状态-2.mp4
│        12-4 节点删除.mp4
│        12-5 初步实现多个节点的React VDOM DIFF-1.mp4
+ C, J6 M4 v7 G$ w7 l7 G│        12-6 初步实现多个节点的React VDOM DIFF-2.mp4
) Q% S9 u- l" D% M│        12-7 完善实现React VDOM DIFF算法.mp4
│        12-8 如何移动DOM节点.mp4
│        12-9 实现useState.mp4
│        12-10 子节点为null、undefined、布尔值.mp4
) a8 j4 }: R, o0 r│        
2 ^) y: r' i/ T; Y( d* X├─第13章 React开发的利器：React VDOM DIFF算法源码剖析
│        13-1 分析不同子节点类型，React VDOM DIFF的处理.mp4
│        13-2 协调单个节点.mp4
│        13-3 协调多个子节点.mp4
! M/ h& `/ E& g0 C│        13-4 协调文本节点.mp4
( ]: N( p, C: ]│        13-5 拓展-与Vue3 VDOM DIFF对比.mp4
│        
8 |& B8 e* A; X3 c├─第14章 React开发的利器：Hooks进阶，代码实践手动实现API
│        14-1 如何实现useMemo.mp4
│        14-2 如何实现useCallback.mp4
" k8 B2 K: W5 G6 Y8 ], R* h, n% {│        14-3 useMemo与useCallback.mp4
│        14-4 如何实现useRef.mp4
│        14-5 如何实现useLayoutEffect.mp4
# r: ?9 U& i5 Q│        14-6 如何实现useLayoutEffect的effect执行.mp4
│        14-7 如何实现useEffect的effect执行.mp4
1 x6 b4 ?& P, z) b. r2 I│        
. y2 w4 C/ K: t2 J+ g5 T' a├─第15章 React中的数据模式：代码实现，掌握Context实现原理
! ^) \  z# M. |; @) T│        15-1 知识分析：Context简介.mp4
1 b+ E, Y: W/ A' V# G; @│        15-2 实现Context，掌握Context的底层结构与源码实现.mp4
│        15-3 实现Provider，掌握其底层实现.mp4
, ~- p* k! d* N│        15-4 实现useContext与Context与Value管理，掌握其数据结构.mp4
│        15-5 实现Consumer.mp4
│        15-6 实现contextType，掌握类组件对于Context消费方式的原理.mp4
│        
! Y6 q3 H. M1 ?* ?├─第16章 React中的数据模式：Context源码剖析，思维提高
# P: p5 A- g5 ~8 [) A│        16-1 分析Context的底层结构与源码实现.mp4
7 S" @0 R! q) `  m) W│        16-2 分析Provider与Context value栈管理，掌握其底层实现.mp4
│        16-3 分析Provider与后代组件消费context value.mp4
! d; D4 p, X% Y/ J( u- ]* I3 e│        16-4 后代组件消费的三种方式.mp4
│        
3 Q4 j) D! }" w├─第17章 跨浏览器兼容的事件系统：合成事件源码剖析
8 J4 K" Z1 U: X  B6 {/ A" ?│        17-1 React中的合成事件背景与其必要性.mp4
  s# r9 I3 K/ M& ~; H" k: A9 [│        17-2 React中的事件注册.mp4
│        17-3 React中的事件绑定与事件委托.mp4
│        17-4 React中的事件派发（上）.mp4
& H' ~- ^7 u, ]- d* w. B  N( h7 U│        17-5 React中的事件派发（下）.mp4
% _- ^2 b1 W: V0 v! u. U│        17-6 React合成事件的定义.mp4
│        17-7 不适合事件委托的事件处理.mp4
│        
├─第18章 跨浏览器兼容的事件系统：合成事件实践，掌握框架级别的事件
│        18-1 实现事件注册.mp4
│        18-2 实现事件绑定与事件委托.mp4
, J- m6 r  s  m% {2 y, p, @│        18-3-1实现事件派发.mp4
│        18-4-2实现事件派发.mp4
│        18-5 实现合成事件.mp4
% ?. Z0 ~7 t8 _' _3 H│        18-6 实现受控组件事件.mp4
2 [3 \4 ^  w$ N1 P3 M! u4 l( l│        
" y, p; D' f5 x; B- Z. h6 X$ f2 H5 l├─第19章 性能提高：React Lanes模型源码剖析
│        19-1 React Lanes模型背景.mp4
. N4 w0 X6 C* g, o7 c, }6 Z0 h│        19-2 React Lanes模型的应用.mp4
/ Z" u7 D, c; {! H( z" S6 a│        19-3 React Lanes 模型常用工具函数.mp4
│        19-4 React18新增的transition.mp4
. u4 |1 D9 c9 c# D│        19-5 useDeferredValue原理.mp4
│        
├─第20章 性能提高：React Lanes模型手动实践
│        20-1-1 实现memo.mp4
5 R  D! M/ k; h' D  M│        20-2-2 实现memo.mp4
. i* A% \9 g7 J! l* ]│        20-3 补充受控组件事件.mp4
│        20-4 实现lanes模型.mp4
│        
├─第21章 课程总结
& \0 j* M0 V- S, P" A7 F  j% i; d- F│        21-1 课程总结.mp4
7 L3 v2 e, M& r' W7 {│        21-2 拓展：哪些React未正式发布的功能.mp4
│
└─源码+PDF课件.zip
. w7 ?, a2 A- g# u- r
下载地址：bli792024
3 |/ E' t0 v! U5 H/ [$ B
# y/ m" ]' U/ S- }5 i资源下载地址和密码（百度云盘）：

游客，如果您要查看本帖隐藏内容请回复

百度网盘信息回帖可见
3 l6 i+ V' k( S5 l! A$ Q

9 ~8 ]9 ]8 W4 S( S& w0 Q. ]- k
本资源由IT视频教程网收集整理【www.itspjc.com】

还是依然

谢谢分享！！！！！

重型喷骑兵

谢谢分享~~~

玲珑醉

前端跳槽突围课React18底层源码深入剖析

尚韵陶瓷

666666666666

机灵的猴子

ok

绿意

性能提高：React Lanes模型手动实践

后肖安子

不错好资源 可以用

化在水里

谢谢楼主的分享

牧然

666