·react-router-7-framework
</>

react-router-7-framework

Wenden Sie Best Practices für den React Router 7-Framework-Modus an, einschließlich serverbasiertem Datenabruf, typsicheren Ladeprogrammen/Aktionen, geeigneten Hydratationsstrategien, Middleware-Authentifizierung, Metadaten-Handhabung, useMatches/useRouteLoaderData-Hooks und maximaler Typsicherheit. Wird verwendet, wenn Sie mit dem React Router 7-Framework-Modus arbeiten, Loader, Aktionen, Routenschutz, Breadcrumbs, Streaming mit Suspense/Await, URL-Suchparameter, Formularvalidierung, optimistische Benutzeroberfläche, Ressourcenrouten (API-Endpunkte), Routenkonfiguration oder das Erstellen von SSR-Anwendungen implementieren.

14Installationen·2Trend·@yonderlab

Installation

$npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-router-7-framework

So installieren Sie react-router-7-framework

Installieren Sie den KI-Skill react-router-7-framework schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-router-7-framework
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: yonderlab/kota.agent.skills.

This skill targets React Router 7.9.0+ in framework mode. Key features by version:

| v7.0 | Framework mode, type generation, loaders/actions, Route. types | | v7.5 | href() utility for type-safe links | | v7.9+ | Stable middleware and context APIs, v8 future flags |

See references/routes-config.md for layout routes, Outlet, splat routes, custom IDs, and nested route patterns.

Wenden Sie Best Practices für den React Router 7-Framework-Modus an, einschließlich serverbasiertem Datenabruf, typsicheren Ladeprogrammen/Aktionen, geeigneten Hydratationsstrategien, Middleware-Authentifizierung, Metadaten-Handhabung, useMatches/useRouteLoaderData-Hooks und maximaler Typsicherheit. Wird verwendet, wenn Sie mit dem React Router 7-Framework-Modus arbeiten, Loader, Aktionen, Routenschutz, Breadcrumbs, Streaming mit Suspense/Await, URL-Suchparameter, Formularvalidierung, optimistische Benutzeroberfläche, Ressourcenrouten (API-Endpunkte), Routenkonfiguration oder das Erstellen von SSR-Anwendungen implementieren. Quelle: yonderlab/kota.agent.skills.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-router-7-framework
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-22
Aktualisiert
2026-03-10

Browse more skills from yonderlab/kota.agent.skills

Schnelle Antworten

Was ist react-router-7-framework?

Wenden Sie Best Practices für den React Router 7-Framework-Modus an, einschließlich serverbasiertem Datenabruf, typsicheren Ladeprogrammen/Aktionen, geeigneten Hydratationsstrategien, Middleware-Authentifizierung, Metadaten-Handhabung, useMatches/useRouteLoaderData-Hooks und maximaler Typsicherheit. Wird verwendet, wenn Sie mit dem React Router 7-Framework-Modus arbeiten, Loader, Aktionen, Routenschutz, Breadcrumbs, Streaming mit Suspense/Await, URL-Suchparameter, Formularvalidierung, optimistische Benutzeroberfläche, Ressourcenrouten (API-Endpunkte), Routenkonfiguration oder das Erstellen von SSR-Anwendungen implementieren. Quelle: yonderlab/kota.agent.skills.

Wie installiere ich react-router-7-framework?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-router-7-framework Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/yonderlab/kota.agent.skills