大家好，我是双越老师。本文我对比 Vue2 Vue3，把 React 22 个基础技能过一遍，看看 React 到底哪里难。也欢迎关注我的【划水AI】项目，使用 React Next.js 全栈开发。

渲染的三个阶段：beginWork对应虚拟DOM转成fiber树的过程；completeWork对应fiber树转转成真实的DOM树的；commitWork真实的DOM树挂载到页面上的过程

React 组件生命周期指的是组件从创建、渲染到销毁的整个过程。在这个过程中，React 组件经历了不同的阶段，并在每个阶段执行特定的生命周期方法。

React 中浅比较的概念无处不在，它在不同的流程中起着关键的作用，也可以在React组件的多个生命周期中找到。比如，React Hooks中的依赖数组，通过React.memo进行记忆。在React

一看上去可能直接蒙圈。接下来我们一步一步来看。 总结： shallowEqual 会比较 Object.keys(state | props) 的长度是否一致，每一个 key 是否两者都有，并且是否是 一个引用，也就是只比较了 第一层 的值，确实很浅，所以深层的嵌套数据是对比不…

壹 ❀ 引 我在[react] 什么是虚拟dom？虚拟dom比操作原生dom要快吗？虚拟dom是如何转变成真实dom并渲染到页面的?一文中，介绍了虚拟dom的概念，以及react中虚拟dom的使用场景

掌握 React Hooks api 将更好的帮助你在工作中使用，对 React 的掌握更上一层楼。本系列将使用大量实例代码和效果展示，非常易于初学者和复习使用。 今天我们讲讲 Context 对象和 useContext 的使用方法。 考虑这样一种场景，如果组件树结构如下，现…

介绍目前 React 提供的所有 hooks ，介绍其功能类型和基本使用方法，查缺补漏，助你早日进阶 React !

useEffect是一个常用的 hook，正因为常用容易让开发者忽略了其中的使用细节，本文梳理了useEffect的使用细节和清除函数的使用场景。