テンプレート一覧に戻る

React Native + Expo

React Native + Expo SDK 52 + TypeScript のモバイルアプリ向けCLAUDE.md。iOS/Androidクロスプラットフォーム開発に最適です。

中級react-nativeexpotypescriptmobile
CLAUDE.md
# プロジェクト名

React Native + Expo で構築されたモバイルアプリケーション。

## 技術スタック

- **フレームワーク**: React Native 0.76+ (New Architecture)
- **プラットフォーム**: Expo SDK 52
- **言語**: TypeScript 5.x
- **ナビゲーション**: Expo Router (ファイルベース)
- **状態管理**: Zustand + TanStack Query v5
- **テスト**: Jest + Testing Library

## コマンド

| コマンド | 用途 |
|---------|------|
| `npx expo start` | 開発サーバー起動 |
| `npx expo run:ios` | iOSビルド・起動 |
| `npx expo run:android` | Androidビルド・起動 |
| `npm test` | Jest実行 |
| `npm run lint` | ESLint実行 |
| `eas build` | クラウドビルド |

## ディレクトリ構造

| パス | 役割 |
|-----|------|
| `app/` | Expo Router ページ・レイアウト |
| `components/` | 共通コンポーネント |
| `hooks/` | カスタムフック |
| `lib/` | ユーティリティ・APIクライアント |
| `stores/` | Zustand ストア |
| `assets/` | 画像・フォント |

## コーディング規約

- コンポーネントは関数コンポーネント + hooks
- プラットフォーム固有コードは `.ios.tsx` / `.android.tsx` で分離
- スタイルは StyleSheet.create で定義
- ナビゲーションはExpo Routerのファイルベースルーティング
- 環境変数は `expo-constants` 経由でアクセス
- ネイティブモジュールは Expo Modules API を優先

## Git規約

- ブランチ: `feature/`, `fix/`, `chore/`
- コミットメッセージ: Conventional Commits形式

関連ガイド

検索

ガイドやテンプレートを検索...