示例提示词
这页每敲一个字整表重渲：先测量定位状态位置与重复计算，再给有数字支撑的优化步骤，别直接把一切 memo 起来。
预期产物
以测量结果开头的重构步骤，每步附前后对比的数字。
React 最佳实践
改进 React 组件的结构、数据处理与性能，减少常见问题。
App 内可获取
介绍
帮助检查和改进 React 项目的组件结构、状态管理、数据流与性能，适合开发新界面、整理逐渐复杂的组件，或排查渲染和加载问题。内容覆盖状态放置、Effect 使用、列表标识、异步竞态、代码拆分及表单处理等常见决策。
提供相关代码和当前问题后，它会结合项目结构逐项检查，说明建议、适用条件与可能的取舍。性能修改以测量和实际构建结果为依据，测试关注用户可见的行为。交付可包括改进清单、代码调整建议和复查步骤，便于团队在后续开发中沿用同一套规则。
适用场景
- 评审 PR 时逐条勾规则清单：状态位置、key、memo 证据
- 给渲染性能问题定取证路线再动手优化
- 重排 useEffect：哪些该改成事件处理或派生
- 修列表重排错乱：从 key 稳定性查起
#react#frontend#rules#examples
使用示例
示例用于说明请求与期望产物形态，不代表已完成的运行结果。
示例提示词
评审这份改动里的异步处理：竞态、取消、加载与错误态，按守则逐条给结论和代码位置。
预期产物
按守则组织的发现清单，标明位置与建议改法。
要求与限制
- 安装平台
- iOS: iOS · Android: Android
- 脚本运行
- 无需脚本运行环境（指南与流程型）
- 最低 App 版本
- iOS: 1.7.59
已审核的权限范围
iOS · Android
- 所需能力
- 读取工作区文件
- 审核结论
- 通过
- 审核阶段
- 静态内容审核
- 审核日期
- 2026-10-28
实现与运行细节
- 适配阶段
- frozen
iOS
- 所需能力
- 读取工作区文件
Android
- 所需能力
- 读取工作区文件
许可与来源
来源与追踪详情
许可
MPL-2.0
Floe 原创指南，以独立编写的内容替代原候选，不分发其上游文本。包内保留候选来源与处理记录。
来源
Floe 自有
图像与素材署名
- 图像署名
- Floe 原创，AI 辅助示意图。
- 发布者
- JiangNanGenius
- 发布提交（获取位置）
- 25e07dbeeb6cc93c2fe83ddc72a34302cc40832a
- 审计来源提交
- 84c524b6fb483e4cad94db076e7d9c9962966c19
- 签名目录摘要
- iOS 46196ba57ed7ea7f22085e74b113207f31193e820ab8983cf7a60eee953f2340 · Android 16de89d019e2057804a40f215485ccb09d5495a25864b34d681168eeaf8f9697
- 发布快照导入 (UTC)
- 2026-10-31
发布提交 25e07dbeeb，审计来源 84c524b6fb；目录摘要 iOS 46196ba57ed7… · Android 16de89d019e2…。
版本与状态
版本记录随签名目录发布；以下为目标与已发布版本。
- 适配状态
- 已就绪
- 发布状态
- 精选技能已上线
- 已发布版本
- 1.0.1