Wandra

commitRoot方法是commit阶段工作的起点。fiberRootNode会作为传参，commitRoot(root)。 rootFiber.firstEffect上保存了一条需要执行副作用的F

在流程概览一节我们了解组件在render阶段会经历beginWork与completeWork。上一节我们讲解了组件执行beginWork后会创建子Fiber节点，节点上可能存在effectTag。这

尤大大开了一家公司 voidzero，致力于解决工具链碎片化、依赖复杂及性能瓶颈等问题，为前端开发带来全新可能性。VoidZero 团队汇聚了在 JavaScript 工具开发领域拥有深厚专业知识的专

让你一键就自动切换到最快的下载源，再也不用为下载速度头疼，也减轻了管理多个包管理工具的重复工作的成本，而且你再也不用一个一个配置不同的源去手动对比测试哪一个源更快了

React18原版源码中一共有最关键的三个包，分别是是react、react-dom、reconciler。 react包，专注于组件相关核心API的暴露，这部分内容是跨平台的，不管是服务端渲染，客户

beginWork的工作是传入当前Fiber节点，创建子Fiber节点。beginWork的工作可以分为两部分：update时，如果current存在，在满足一定条件时可以复用current节点，这样

render阶段开始于performSyncWorkOnRoot或performConcurrentWorkOnRoot方法的调用。这取决于本次更新是同步更新还是异步更新。他们唯一的区别是是否调用sh

树立正确的源码观： 源码是程序的实现逻辑，不是完美的，要破除源码就是完美无缺的迷信，不要去膜拜源码甚至尝试去背诵源码，我们只需要学习到其中最有价值的地方。 学习源码需要注意什么： 学源码切忌流于表面和

温馨提示：useLayoutEffect：与useEffect类似，但在所有DOM更新前同步执行；用于需要同步更新DOM的操作