react-router-v7
✓React Router v7 のデータドリブン ルーティングのベスト プラクティス。ルート、ローダー、アクション、フォーム コンポーネント、フェッチャー、ナビゲーション ガード、保護されたルート、または URL 検索パラメーターを実装するときに使用します。 createBrowserRouter、RouterProvider、useLoaderData、useActionData、useFetcher、NavLink、Outlet でトリガーします。
SKILL.md
Use : Creating/deleting with URL change, adding to history Use useFetcher: Inline updates, list operations, popovers - no URL change
Use loader: Data before render, server-side fetch, automatic revalidation Use useEffect: Client-only data, user-interaction dependent, subscriptions
| Feature | Framework Mode | Data Mode | Declarative Mode |
React Router v7 のデータドリブン ルーティングのベスト プラクティス。ルート、ローダー、アクション、フォーム コンポーネント、フェッチャー、ナビゲーション ガード、保護されたルート、または URL 検索パラメーターを実装するときに使用します。 createBrowserRouter、RouterProvider、useLoaderData、useActionData、useFetcher、NavLink、Outlet でトリガーします。 ソース: existential-birds/beagle。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/existential-birds/beagle --skill react-router-v7- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
react-router-v7 とは？
React Router v7 のデータドリブン ルーティングのベスト プラクティス。ルート、ローダー、アクション、フォーム コンポーネント、フェッチャー、ナビゲーション ガード、保護されたルート、または URL 検索パラメーターを実装するときに使用します。 createBrowserRouter、RouterProvider、useLoaderData、useActionData、useFetcher、NavLink、Outlet でトリガーします。 ソース: existential-birds/beagle。
react-router-v7 のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/existential-birds/beagle --skill react-router-v7 インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/existential-birds/beagle
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01