React源码

React源码

React源码

深入优先的方式(自创名称^v^)讲解React18.2版本的源码

等 3 人订阅共8篇文章创建于2022-08-14

React18.2源码解析之commit阶段(muation&layout)

开始之前(必看) commitRootImpl(未完) commitMutationEffects(mutation阶段) commitMutationEffectsOnFiber commitRoo

2年前
337
点赞
评论

React18.2源码解析之commit阶段(muation&layout)

React18.2源码解析之commit阶段(上)

在commit阶段中执行的三个阶段1.before mutation 2.mutaion 3.layout,让我们一探其中的究竟

2年前
395
1
评论

React18.2源码解析之commit阶段(上)

React18.2源码解析之render阶段(下)

至此,render阶段就结束了,总结一下,render阶段就是对sync和concurrent模式的判断,从而执行不同的逻辑,多看几遍还是可以理解的,后面就是commit的阶段了...

2年前
121
点赞
评论

React18.2源码解析之render阶段(下)

React18.2源码解析之render阶段(中)

开始之前(必看) performUnitOfWork(未完) beginWork 真正的beginWork update时 mount时后续 performUnitOfWork(完) complet

2年前
274
点赞
评论

React18.2源码解析之render阶段(中)

React18.2源码解析之render阶段(上)

这篇文章主要是讲performConcurrentWorkOnRoot这个入口,已经performConcurrentWorkOnRoot内部调用的两个不同模式下的方法

3年前
386
点赞
评论

React18.2源码解析之render阶段(上)

React18.2源码解析之初始化阶段(下)

至此初始化阶段执行到scheduleUpdateOnFiber就结束了,接下来就是render阶段了,分别执行performSyncWorkOnRoot/performConcurrentWorkOn

3年前
605
点赞
评论

React18.2源码解析之初始化阶段(下)

React18.2源码解析之初始化阶段(中)

这一部分主要是React获取到fiber后,获取eventTime,事件类型已经创建updateQueue

3年前
449
1
1

React18.2源码解析之初始化阶段(中)

React18.2源码解析之初始化阶段(上)

详细讲解React18.2的初始化阶段,是如何操作的,如何生成Fiber对象,下一篇就是讲解执行render函数(非render阶段)

3年前
285
5
评论

React18.2源码解析之初始化阶段(上)