hooks-refactor-planner
Installation
SKILL.md
Hooks Refactor Planner
コンポーネントからロジックをカスタムフックに切り出すタイミングと配置場所を判断するためのガイドラインです。
フックへのリファクタリング判断基準
リファクタリングすべきケース
以下のいずれかに該当する場合、カスタムフックへの切り出しを検討してください。
| 判断基準 | 説明 | 例 |
|---|---|---|
| 再利用性 | 同じロジックが2箇所以上で使用されている | フォームバリデーション、データフェッチ |
| 複雑性 | 3つ以上の useState や複数の useEffect が絡み合っている |
複雑なフォーム状態管理 |
| テスタビリティ | ロジック単体でテストしたい | ビジネスロジック、計算処理 |
| 関心の分離 | UIとロジックを明確に分離したい | データ取得とレンダリング |
| 行数の増加 | コンポーネントが200行を超えている | 大規模なコンポーネント |