2.11 useId 与 useSyncExternalStore
useId 生成「服务端与客户端一致的唯一 ID」（用于无障碍属性关联），useSyncExternalStore 提供「订阅外部数据源」的官方姿势（避免并发渲染下的撕裂问题）。
共 47 篇文章
标签：前端面试 第3页
陌上寒2.10 useTransition 与 useDeferredValue
两个 Hook 都基于「并发渲染」——把「不紧急的更新」降优先级，让「紧急更新（如输入回显）」先完成；useTransition 用于你主动触发的状态更新，useDeferredValue 用于被动接收的值。
图零：浏览器里的图片工具箱，文件不上传
压缩、裁剪、加水印、抠图、拼接都在本地完成。不限张数、不限次数，图片不会传到服务器。
2.9 useImperativeHandle
useImperativeHandle 让子组件只暴露想暴露的命令式方法（而不是把整个 DOM 或实例交出去），配合 forwardRef 使用；它是「父组件需要调用子组件方法」这种场景的标准解法，但应该尽量少用。
2.8 useReducer
useReducer 把「状态」与「如何更新状态」的规则拆开——状态在 Hook 里，更新规则写在纯函数 reducer 里；它适合「状态之间有关联、转移逻辑复杂、需要集中管理与测试」的场景。
2.7 useMemo 与 useCallback
两者都是「引用稳定工具」——useMemo 缓存计算结果，useCallback 缓存函数引用；它们的价值只在「配合 React.memo」或「计算确实昂贵」时才成立，滥用反而增加成本。
2.6 useContext
useContext 让组件跨越任意层级读取共享值，避免「层层透传 props」；但它的代价是「Provider 的 value 一变，所有消费者都会重渲染」——所以它适合「不常变化的共享值」，不适合高频变化的状态。
2.5 useRef
useRef 返回一个「在整个组件生命周期内保持同一引用」的对象，修改它的 .current 不会触发重渲染——因此它适合存「DOM 引用」与「与 UI 无关的可变值」。
2.4 useLayoutEffect
useLayoutEffect 与 useEffect 的唯一区别是执行时机——前者在「DOM 更新后、浏览器绘制前」同步执行，后者在「绘制后」异步执行；需要「测量 DOM 并立即修正」以防闪烁时用前者。
2.3 useEffect 深入
useEffect 的语义是「把这个组件与某个外部系统同步起来」——它在渲染提交、浏览器绘制之后异步执行，通过依赖数组控制何时重新同步，通过清理函数保证「切换前先撤销上一次的同步」。
2.2 useState 深入
useState 的关键细节有三个——初始值传函数才是惰性求值、新值依赖旧值必须用函数式更新、设置相同值会「bailout」但仍可能渲染一次。
最新评论
读过书不知道欧·亨利的人少。教科书上选文有
这小生活不错呀
不错，必须顶一下！
看着你还在坚持，很好
看来忙了也没时间更新博客了
NIce。学习了。。。。
网站不错！！！！
简洁实用，好文章！