在这篇文章中，我们对 React 的 useRef 进行了深入的探讨，透过实际代码，再现了useRef绝大多数应用场景，无论你是 React 新手还是老手，相信本文都能为你提供有价值的知识。

读完收获 学会 Dom 事件流 理解 事件委托 掌握 React 合成事件原理 Dom 事件流 事件流包含三个阶段: 事件捕获阶段 目标阶段 事件冒泡阶段 首先发生的是事件捕获，然后是实际的目标接收到

引言 在深入了解FIber之前，我们可以先了解一下React的架构发展历程： React15架构可以分为两层： Reconciler（协调器）—— 负责找出变化的组件； Renderer（渲染器）——

为何使用setState React 中不能直接修改 state 的值来让界面发生更新，因为 React 并没有实现类似 Vue2 中的 Object.defineProperty，或是 Vue3 中

React Diff 算法 认识 React Diff 算法 React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双端比对的方式去优化 Diff

众所周知，react diff算法是在更新时，根据state的更新，计算出变化的节点，再渲染。那么diff是通过什么和什么对比呢，又是如何对比的呢？ react做的就是对比上面的1和4，最终生成2，最后将2渲染到页面中。 diff算法就是发生在reconcile这个阶段，rec…

虚拟DOM到底是什么，它与真实的DOM有什么不同？在React中，为什么自定义组件的首字母要大写？有了虚拟DOM，性能就一定能够得到提升吗？...如果你对这些有疑问，那么这篇文章一定能帮助到你～