贝莉卡个人博客

在react中，useState与useReducer都是我们在函数组件中定义状态变量的hook，它们的用法和原理都非常类似，所以我们经常会将它们放在一起比较，...

在我们刚开始学习react时，react官方文档就提示我们reacthook必须在函数组件顶层使用，不能在条件语句或者循环结构中使用。之所以会有这样的规定，这和...

reactdiff算法是react框架的核心算法，它最大的作用就是在应用更新的时候，找出新旧虚拟节点树的差异，最大程度的复用旧的节点信息，来减少真实的dom渲染...

之所以会讨论这个话题，是因为最近在看react源码的时候，对组件更新时beginWork工作中的props校验还有一定的疑问，然后就开始查看组件Fiber节点上...

为确保React项目开发的代码质量、提升团队协作效率、便于后期维护，以过去的经验总结了一篇react开发的基本规范。本规范旨在提供一套清晰、统一的代码编写标准，...

1.Component我们在刚开始学习React时，第一个接触的就是class类组件的学习，通过继承React.Component创建类组件：importRea...

在之前的章节我们讲述了FiberTree的创建过程，但是对组件的加载过程这方面的细节没有深入。本节将深入理解React18.2x类组件的具体加载过程。1.加载阶...

在之前的章节我们讲述了FiberTree的创建过程，但是对组件的加载过程这方面的细节没有深入。本节将深入理解React18.2x函数组件的具体加载过程。1.加载...

在本系列的第二，第三章节已经完整的讲述了render阶段的scheduler调度流程和reconciler协调流程。本节将深入理解react应用渲染流程的最后一...

本章节我们主要讲解FiberReconciler协调流程，即FiberTree的具体创建过程。回到之前的renderRootXXX方法：letexitStatu...