解決済み
Reactコンポーネントの生成について
Claude CodeでReactコンポーネントを生成する際のベストプラクティスを教えてください。
現在の悩み:
- propsの型定義（TypeScript）が不完全
- カスタムフックの抽出タイミング
- テストコードの同時生成
特にNext.js App Routerとの組み合わせで使っている方の経験を聞きたいです。
現在の悩み:
- propsの型定義（TypeScript）が不完全
- カスタムフックの抽出タイミング
- テストコードの同時生成
特にNext.js App Routerとの組み合わせで使っている方の経験を聞きたいです。
回答 (1)
ベストアンサー
Reactコンポーネント生成のベストプラクティスです。
**1. 型定義を先に書かせる**
```
まずこのコンポーネントのPropsの型定義を書いてください。
その後、実装してください。
```
**2. テストファースト**
```
まずこのコンポーネントのテストコードを書いてください（React Testing Library）。
テストが通るように実装してください。
```
**3. Next.js App Router特有の指示**
- Server Component/Client Componentの区別を明示
- "use client" の有無を指定
- サーバーサイドでのデータフェッチパターンを指定
**1. 型定義を先に書かせる**
```
まずこのコンポーネントのPropsの型定義を書いてください。
その後、実装してください。
```
**2. テストファースト**
```
まずこのコンポーネントのテストコードを書いてください（React Testing Library）。
テストが通るように実装してください。
```
**3. Next.js App Router特有の指示**
- Server Component/Client Componentの区別を明示
- "use client" の有無を指定
- サーバーサイドでのデータフェッチパターンを指定
回答を投稿するにはログインが必要です