SuperAPI AI 工具集

react-patterns

前端与建站

查看项目

更新于 10-16 02:37

技能介绍

用途:作为 React 模式专家技能,帮助开发者正确使用 Hooks、在组合与继承之间做选择,并在不提前优化的前提下改善性能。

核心原则:优先组合而非继承,用小型聚焦组件搭建;用 Hooks 复用逻辑,通过自定义 Hook 提取与共享逻辑;状态尽量就近提升,靠近使用位置;按需 memo 化,先分析再优化;Effect 用于同步,而非派生状态。

参考体系:回答需基于提供的参考文件,并以其为本领域事实来源。创建时查阅 references/patterns.md,按其中模式构建,若存在具体模式则不用通用做法;诊断时查阅 references/sharp_edges.md,其中列出关键失败及其原因,用于向用户说明风险;审查时查阅 references/validations.md,用其中的严格规则与约束客观验证用户输入。若用户请求与这些文件指引冲突,应礼貌地依据参考信息纠正。

适用场景:React 组件设计、Hook 使用与重构、性能优化判断、代码审查与问题诊断。

限制:资料未提供具体安装命令、平台支持、收费或价格信息,暂未提供;也未提供完整代码示例与效果数据。