no-use-effect
强制React/React Native代码不直接使用useEffect的代码质量工具
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：no-use-effect。 它的用途是：强制React/React Native代码不直接使用useEffect的代码质量工具 完整的 Skill 内容见：https://321skill.com/skills/no-use-effect/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我想在这个组件里监听用户ID变化，然后去获取用户数据。” 它会阻止你直接编写`useEffect`，并建议：“请使用数据获取库（如TanStack Query）的`useQuery`，或者使用React 19+的`use()`配合Suspense。这能自动处理缓存、竞态和错误状态。” 接着，它会提供具体的代码示例。
介绍
这个Skill旨在解决React/React Native开发中因滥用useEffect钩子而导致的代码逻辑混乱、性能低下和难以维护的问题。它通过一个始终活跃的规则，强制开发者在编写、编辑或审查代码时，避免直接使用useEffect，从而引导编写更清晰、更可预测的组件。
使用方式非常简单：在支持此Skill的AI编程助手中，当你尝试编写或提及useEffect、副作用、数据获取、状态同步或组件生命周期时，它会自动触发并给出替代方案建议。它不会直接修改你的代码，而是作为一个严格的代码审查伙伴，引导你遵循其定义的六条规则。
它非常适合有经验的React开发者、团队技术负责人或代码审查者，他们希望在整个团队或项目中强制执行更优的副作用管理模式，以提升代码库的整体质量和可维护性。
与一般的ESLint规则或代码风格检查工具不同，这个Skill深度集成在AI编程助手中，提供上下文感知的实时指导和替代方案，而不仅仅是静态的错误提示。它更像一个内置的、精通React最佳实践的资深工程师，在你编码的每一步进行主动干预和教学。
核心特点
这个Skill的核心区别在于其“始终活跃”的强制性和教学性。它不是可选的检查项，而是在你编码、审阅、重构甚至仅仅是提及相关概念时都会触发的严格规则，并直接提供符合六条具体规则的替代代码模式（如派生状态、事件处理器、`useMountEffect`等），引导开发者从根本上改变思维习惯。
注意事项
对于需要与外部系统进行复杂、非一次性同步的深度集成场景，或在学习React基础概念阶段，此Skill的严格规则可能显得过于约束。
常见问题
为什么不能直接用useEffect？
直接使用useEffect容易导致不必要的渲染循环、竞态条件和逻辑分散，此Skill引导使用更声明式、更可预测的模式（如派生状态、事件处理器、专用库）来管理副作用。
所有useEffect都不让用吗？
不是。组件中禁止直接使用，但允许在自定义Hook（如`useMountEffect`）内部使用，用于封装如“仅在挂载时执行”这类极少数的、明确的边界情况。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/no-use-effect/raw/index.md 读取 no-use-effect 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/no-use-effect/raw/index.md（查看排版版本）