Reactコンポーネントの生成について

Question

Claude CodeでReactコンポーネントを生成する際のベストプラクティスを教えてください。

現在の悩み:
- propsの型定義（TypeScript）が不完全
- カスタムフックの抽出タイミング
- テストコードの同時生成

特にNext.js App Routerとの組み合わせで使っている方の経験を聞きたいです。

けんじ@エンジニア · Accepted Answer

Reactコンポーネント生成のベストプラクティスです。

**1. 型定義を先に書かせる**
```
まずこのコンポーネントのPropsの型定義を書いてください。
その後、実装してください。
```

**2. テストファースト**
```
まずこのコンポーネントのテストコードを書いてください（React Testing Library）。
テストが通るように実装してください。
```

**3. Next.js App Router特有の指示**
- Server Component/Client Componentの区別を明示
- "use client" の有無を指定
- サーバーサイドでのデータフェッチパターンを指定

chat_bubble 回答 (1)