React 開発ルール
コードスタイル
関数コンポーネントと Hooks を使用し、クラスコンポーネントは避けるTypeScript を採用してタイプチェックとコード品質を向上コンポーネントベースの開発と単一責任の原則に従うESLint と Prettier を使用して一貫したコードスタイルを維持明確なコンポーネントのドキュメントとコメントを書く
パフォーマンス最適化
useMemo と useCallback を適切に使用して不要な再レンダリングを防ぐコード分割と遅延ロードを実装して初期ロード時間を改善大量のデータのレンダリングには仮想リストを使用画像とリソースのロード戦略を最適化適切な状態管理ソリューションを選択
ベストプラクティス
React 公式のコーディング規約に従うCSS-in-JS または CSS Modules を使用してスタイルの衝突を避けるレスポンシブデザインとテーマ切り替え機能を実装ユニットテストと統合テストを作成エラーバウンダリとパフォーマンスモニタリングを実装