原作博客可以说是我全网所见的关于 React 性能优化最好的博客。这篇文章告诉我们，两个被广泛使用的 hooks 是如何被滥用的，而我们为什么应该将大部分与它们相关的代码删掉

前面两个章节我们已经了解过普通函数组件的更新流程以及React.memo方法优化函数组件的原理。 本节就从实践方面来讲解React.memo方法与性能优化hook的搭配使用。 1，原理回顾 首先回顾一

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

react diff算法是react框架的核心算法，它最大的作用就是在应用更新的时候，找出新旧虚拟节点树的差异，最大程度的复用旧的节点信息，来减少真实的dom渲染，以此来提高框架的性能。 根据reac

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

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

本章节我们主要讲解Fiber Reconciler协调流程，即FiberTree的具体创建过程。 回到之前的renderRootXXX方法： 下面的讲解我们将renderRootSync同步渲染模式为

本节将深入理解React18.2x的scheduler调度程序的执行过程。 在学习之前，我们要先了解react应用的渲染流程主要有哪些阶段？ 根据react18的源码，我们可以分成两个大的阶段： re