---

name: react-you-might-not-need-an-effect description: Guide for writing React code without unnecessary useEffect. Use when writing or editing React components. Avoid anti-patterns like derived state, chained state updates, and event handlers in effects. allowed-tools: Read, Grep, Glob user-invocable: false

React: You Might Not Need an Effect

React公式ドキュメント「You Might Not Need an Effect」に基づき、不要なuseEffectを書かないようにする。

Instructions

Reactコンポーネントを書く・編集する際、useEffectを使う前に以下のパターンに該当しないか確認する。該当する場合はuseEffectを使わない代替案を採用する。

検出すべき12のアンチパターン

詳細は PATTERNS.md を参照。

React公式ドキュメントのパターン

ESLintプラグイン追加パターン

References

• React公式: https://react.dev/learn/you-might-not-need-an-effect
• ESLintプラグイン: https://github.com/NickvanDyke/eslint-plugin-react-you-might-not-need-an-effect