フロントエンド リファクタリングガイド

目的

• 重複コードを共通化して保守性を向上
• 条件分岐を設定テーブルに置き換えて可読性を向上
• 責務を分離してテスタビリティを向上

適用場面

• 類似コンポーネントが複数存在する
• switch 文や if-else が長くなっている
• 同じロジックが複数箇所にコピーされている
• コンポーネントが肥大化している

パターン 1: 共通フック化

Before（重複したデータ取得ロジック）