SuperAPI AI 工具集

react-hooks-best-practices

编程与开发

查看项目

更新于 10-16 00:04

技能介绍

用途:为 React Hooks、副作用(Effect)、Ref 与组件设计提供实践模式参考,重点说明 Effect 作为“逃生舱”的定位:只有与外部系统同步时才使用,多数组件逻辑不应依赖 Effect。适合在阅读或编写 React 代码时加载。建议与 TypeScript 相关技能搭配使用。

主要能力:区分何时该用与不该用 Effect;给出派生状态在渲染期计算、昂贵计算用 useMemo、用 key 重置状态、事件逻辑放入事件处理器、避免 Effect 链等做法;覆盖 Effect 依赖(不要压制 lint、用更新函数减少依赖、把对象/函数移入 Effect、useEffectEvent 处理非响应式逻辑、包装回调 props);清理订阅、带忽略标志的数据获取、开发环境双重触发是刻意验证清理;Ref 用于不影响渲染的值、不在渲染期读写 ref.current、动态列表用 ref 回调与 Map、useImperativeHandle 控制暴露。

使用方式与限制:作为技能文档加载参考,包含少量示意代码,实际代码应遵循其原则。长示例、命令目录、清单与平台细节被移至 reference/extended.md,需要时再加载。具体安装方式、收费与支持平台暂未提供。