目前，react18 最新的版本已经到了 18.0.0-alpha-f6abf4b40-20211020，相信再过不久，我们就可以正式使用 react18 了。相比 17， 18 版本最大的变化就是原

虚拟 DOM 虚拟 DOM 节点是一个 JS 对象，用这个 JS 对象可以表示 DOM 节点、组件节点等。有了虚拟 DOM，能提高整体研发体验和效率，同时也能解决跨平台问题。

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…

前置 lastPlacedIndex: 最后一个 可复用的oldFiber的位置索引 oldFiber.index: 以 key值作为索引，对应的 oldFiber节点的位置索引，通过map快速获取

最近在React源码上颇有用功，所以决定将我的思想感悟记录于此，也欢迎大家及时纠错。 如果在面试中，面试官问了你这样的问题：请说一下React事件机制。我觉着你可以从下面的思维导图去入手

从0开始搭建一个规范的React+Typescript+Vite+Unocss的项目的过程，选取最新版本的库，不再担心版本问题出错，方便CV。

React 18 正式版它来啦！一起来看看 React 18 有哪些新特性吧，深入了解 React 18 中的新功能，更进一步了解并发模式的概念！

一度，两者的区别在于类组件能提供更多的能力（比如局部的状态）。但是有了Hooks之后，情况却有所不同了。 也许之前你听说性能也是两者的差别。但是哪个性能更好？不好说。我一直很谨慎地对待这类结论，因为很多性能测试都是不全面的。性能主要还是在于代码的逻辑而非你选择了函数组件或者类组…

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