EricXJ

前端构建工具技术选型：为什么选择 tsup？ 目录 什么是 tsup？ 核心优势 与其他工具对比 适用场景 快速配置示例 何时不推荐使用 tsup？ 总结 1. 什么是 tsup？ tsup 是一个零

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

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

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

在上一章节，我们讲解了普通函数组件更新的基本流程，也知道了一个组件修改状态触发的更新，它的子组件也跟着重新渲染的原因。 所以本节就将从React.memo方法来解析函数组件的性能优化处理。 1，案例准

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

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

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

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