江北__张小凡

最近在看react应用更新时的一些逻辑处理，因为之前的fiber reconciler协调流程重点学习的是FiberTree的创建过程，对整个更新流程没有进行深入的了解。本次在学习应用更新时也对函数组

在react中，useState与useReducer都是我们在函数组件中定义状态变量的hook，它们的用法和原理都非常类似，所以我们经常会将它们放在一起比较，从本质上来讲：useState就是内置了

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

本章节将讲解两个关于性能优化的hook：useCallback与useMemo。 本节主要是介绍这两个hook的实现原理，关于函数组件更新优化的具体逻辑会在后面新的章节介绍。 1，useCallbac

1，Component 我们在刚开始学习React时，第一个接触的就是class类组件的学习，通过继承React.Component创建类组件： 下面我们就进入react源码【v18.2】，学习Com

使用过Vue框架的都会对ref非常熟悉，我们经常会使用它来引用一些组件实例或者DOM实例，而且在vue中使用起来也非常简单方便。但是在React中，ref使用起来要稍微复杂一些，并且对于不同的组件类型

学习目的 首先我们学习东西一定要带有目的或者需求，这样才能对我们有更加实际的帮助。比如我们学习源码，是想了解其中的一个知识点原理，是为了提升日常开发能力，或者只是为了帮助面试等等这些都是可以的，具体学

在之前的章节我们讲述了FiberTree的创建过程，但是对组件的加载过程这方面的细节没有深入。 本节将深入理解React18.2x 类组件的具体加载过程。 1，加载阶段 首先准备一个类组件案例： 然后

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