react-router-data-mode
✓createBrowserRouter と RouterProvider を使用して React Router のデータ モードを使用して React アプリケーションを構築します。 Vite プラグインを使用せずに、ルート オブジェクト、ローダー、アクション、フォーム、useFetcher、または保留/オプティミスティック UI を操作する場合に使用します。
SKILL.md
Data mode uses createBrowserRouter and RouterProvider to enable data loading, actions, and pending UI without the framework's Vite plugin. This is ideal for existing React applications that want to add data loading and mutation capabilities.
Load the relevant reference for detailed guidance on the specific API/concept:
| references/routing.md | Configuring routes, nested routes, layout | | references/route-object.md | Understanding route object properties | | references/data-loading.md | Loading data with loaders | | references/actions.md | Handling forms, mutations, validation | | references/navigation.md | Links, programmatic navigation, redirects |
createBrowserRouter と RouterProvider を使用して React Router のデータ モードを使用して React アプリケーションを構築します。 Vite プラグインを使用せずに、ルート オブジェクト、ローダー、アクション、フォーム、useFetcher、または保留/オプティミスティック UI を操作する場合に使用します。 ソース: remix-run/agent-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/remix-run/agent-skills --skill react-router-data-mode- カテゴリ
- {}データ分析
- 認証済み
- ✓
- 初回登録
- 2026-02-03
- 更新日
- 2026-02-18
クイックアンサー
react-router-data-mode とは？
createBrowserRouter と RouterProvider を使用して React Router のデータ モードを使用して React アプリケーションを構築します。 Vite プラグインを使用せずに、ルート オブジェクト、ローダー、アクション、フォーム、useFetcher、または保留/オプティミスティック UI を操作する場合に使用します。 ソース: remix-run/agent-skills。
react-router-data-mode のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/remix-run/agent-skills --skill react-router-data-mode インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/remix-run/agent-skills
詳細
- カテゴリ
- {}データ分析
- ソース
- skills.sh
- 初回登録
- 2026-02-03