在不久前的一个大厂试下你的一面当中,一上来就给我丢出了这么一个问题,搞得我头都大了。我也看过很多面经,发现真的很喜欢问这个。关于 React 的,10 篇里面有 5 篇都会问到 Fiber 相关的。

ahooks 源码笔记 - useMemoizedFn 分析与实现，谈谈自己的理解，与大家交流学习。

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

这个问题涉及react渲染机制和diff算法，在state或props变化的情况下，会造成渲染。渲染时会生成新的虚拟dom，react根据规则对新旧虚拟dom进行对比，更新变化的部分。 • 递归对比子节点，当子节点是列表时，通过key和props来判断。如果key一致，则更新和…

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

下面是我阅读过源码后，将所有的执行流程总结出来的流程图，不会贴代码，如果你想阅读代码看看具体是如何实现的，可以根据流程图去源码里寻找。 组件装载 / 更新。 通过lastProps、nextProps判断是否新增、删除事件分别调用事件注册、卸载方法。 获取document对象。…

参考文章： https://juejin.cn/post/6844903824683958286 《深入React技术栈》 1.虚拟dom 原生的JS DOM操作非常消耗性能，而React把真实原生J

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

在 React 中，对于每一次由状态改变导致页面视图的改变，都会经历两个阶段：render 阶段、commit 阶段。 只有 class 组件才有生命周期，因为 class 组件会创建对应的实例，而函