大家好，我卡颂。 对于如下这个常见交互步骤： 点击按钮，触发状态更新 组件render 视图渲染 你觉得哪些步骤有性能优化的空间呢？ 答案是：1和2。 对于步骤1，如果状态更新前后没有变化，则可以略过

在前端开发中，虚拟 DOM 与 Diff 算法构成了 React 性能优化的基石。作为 UI 渲染的 "智能协调者"，Diff 算法承担着精准识别界面变化并最小化 DOM 操作的核心职责。随着 Rea

useMemo是react用作性能优化的一个hook，但有一个现象，不知道的人一次不用，知道的人随时随地到处都用。本文就带你真正搞懂什么情况下可以使用useMemo

在面试过程中提到懒加载，很多的面试官都喜欢再往深一点问：也就是懒加载的原理。 笔者也是在两次面试过程中被问过，所以写了这一篇文章。

电梯导航也被称为锚点导航，当点击锚点元素时，页面内相应标记的元素滚动到视口。而且页面内元素滚动时相应锚点也会高亮。电梯导航一般把锚点放在左右两侧，类似电梯一样。常见的电梯导航效果如下，比如一些官方文档

众所周知，React 18 引入的一个重要特性就是并发功能，从根本上改变了 React 应用程序的渲染方式。本文将带大家一同探讨这些最新功能的具体作用，特别是如何提高应用程序性能。 一、主线程与长任务

在之前的 漫谈 react 系列(三): 三层 loop 弄懂 Concurrent 模式 一文中，我们有讲到在 React18 中，Concurrent 模式是否开启，需要根据触发更新的上下文来决定

相信很多同学都没使用过 React useSyncExternalStore 这个 API，但如果你想开发一个 React 插件，那么它非常重要，从示例到源码，逐一解读。

本系列会实现一个简单的react，包含最基础的首次渲染，更新，hook，lane模型等等，本文是本系列的第一篇。这对于我也是一个很大的挑战，不过这也是一个学习和进步的过程，希望能坚持下去，一起加油！期