frontend-react-router-best-practices
✓React Router のパフォーマンスとアーキテクチャ パターン。ローダー、アクション、フォーム、ルートを作成する場合、または React Router データのフェッチを操作する場合に使用します。 React Router ルート、データ読み込み、フォーム処理、またはルート編成に関連するタスクをトリガーします。
SKILL.md
Performance optimization and architecture patterns for React Router applications. Contains 37 rules across 9 categories focused on data loading, actions, forms, streaming, and route organization.
All data fetching happens in loaders. Never fetch in components with useEffect.
API clients dedupe calls within the same request via context. Fetch in each loader that needs data.
React Router のパフォーマンスとアーキテクチャ パターン。ローダー、アクション、フォーム、ルートを作成する場合、または React Router データのフェッチを操作する場合に使用します。 React Router ルート、データ読み込み、フォーム処理、またはルート編成に関連するタスクをトリガーします。 ソース: sergiodxa/agent-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/sergiodxa/agent-skills --skill frontend-react-router-best-practices- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
frontend-react-router-best-practices とは？
React Router のパフォーマンスとアーキテクチャ パターン。ローダー、アクション、フォーム、ルートを作成する場合、または React Router データのフェッチを操作する場合に使用します。 React Router ルート、データ読み込み、フォーム処理、またはルート編成に関連するタスクをトリガーします。 ソース: sergiodxa/agent-skills。
frontend-react-router-best-practices のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/sergiodxa/agent-skills --skill frontend-react-router-best-practices インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/sergiodxa/agent-skills