React + Rails初心者の歩み 〜問題集：上級編〜

【上級編（開発可能な上級者向け）】

目標：トラブル対応、パフォーマンス、UI/UX改善まで意識する。

React（Viteベース）

1. 最適化対応（useMemo、useCallback）を使って不要な再レンダリングを防いでください。

2. リアルタイムバリデーション付きフォームを作成してください。

例：パスワードが8文字未満ならリアルタイムでエラーを表示。

3. 無限スクロール（スクロールすると自動で次のデータをロード）を実装してください。

4. エラーハンドリングをコンポーネント化して、どのAPIエラーも共通表示できる仕組みを作ってください。

Rails（APIモード）

1. N+1問題を防ぐため、includesで関連データをまとめて取得してください。

2. APIレスポンスをキャッシュ（例：Rails.cache）して高速化してください。

3. RSpecでAPIテストを書く。

正常系・異常系・認証エラー系までカバーする。

4. 管理者ユーザーだけが使えるAPIエンドポイント（例えば、投稿削除機能）を作ってください。