小豆腐拌葱

前言 先说一下为什么要写一篇关于react生态下nextjs的相关文章。 其实也发现了，目前互联网整个行业的生态和环境已经不再是曾经的那种“风口”处了。 我这里不止说的前端，也指后端，包括整个行业 只

说明 setInterval 缺陷之前，需要了解两个重要的前置概念： JS是单线程的。 浏览器事件循环机制。

useDeferredValue 允许我们延迟渲染不紧急的部分，具体延迟多久不确定，与 useTransition 相同，不会阻塞用户操作。

React18 新增了 concurrent 渲染模式。useTransition 可以触发低优先级的任务，如果有高优先级任务进入，则会暂停

useCallback 一般用于缓存函数，它有两个参数: callback: 要缓存的函数 deps: 依赖数组 mountCallback

useMemo 是 Vue 中需要手动指定依赖的 computed useCallback 只能缓存函数，useMemo 可以缓存计算结果。

React 的更新过程中如果发现某个节点需要更新，React 会完全构建一棵新的子 Fiber 树替换原来的树结构，即使子节点其实不需要更新，memo 可以解决这个问题

useImperativeHandle 允许我们自定义 forwardRef 中向外暴露的 ref，它的函数声明为： ref: forwardRef 的第二个参数 init: 返回想暴露的方法的对象

useId 实现原理和 useRef 相同。 一个非常简单帮助我们生成唯一 `id` 并持续保有的钩子。