不会c的半吊子前端开发的

```js import type React from 'react'; type reducerName = string; type sliceName = string; type reduc

简介 类组件生命周期 React 生命周期的主要作用是管理组件在不同阶段的行为。它允许开发者在组件的生命周期钩子函数中执行特定的操作，从而控制组件的行为、状态和渲染。 生命周期流程图 construc

diff 比较 diff 比较只会同级比较，如果父节点标记为新建/删除，子节点也不会进行比较； 如果代码看的比较烦，可以直接跳到底部图形描述 单节点 判断单节点是更新之后的节点计算，即使更新之前的多节

前言 useContext是react很基础的一个hook api，在一些比较大型，复杂的项目中常用，通过使用 useContext，你可以更轻松地在组件之间共享状态，避免了通过 props 层层传递

前言 useMemo和useCallback是成对的，在使用上也很相像；根据不同场景使用不同的hook，来做优化。 源码解析 mount阶段 按照常规流程，调用HooksDispatcherOnMou

前言 useCallback和useMemo都是Hook中用于性能优化的； useCallback 是一个允许你在多次渲染中缓存函数的 React Hook。 源码解析 mount阶段 按照常规流程，

前言 react遵循单项数据流，但也有会向子组件获取一些实例，或者方法，这时候就需要用到useImperativeHandle，也涉及到组件安全，将一些安全可暴露方法，属性暴露给外部组件； useIm

前言 本章解锁useRef源码，useRef的源码还是很简单的，也是使用十分广泛的hook，而且使用场景还是很广泛的； useRef也会配合useImperativeHandle和forwardRef

前言 useInsertionEffect使用方法和useEffect一致，但是使用场景很少，开发者几乎很少使用； useInsertionEffect也是和生命周期相关的hook； useInser