·react-router-7-framework
</>

react-router-7-framework

Applica le migliori pratiche della modalità framework React Router 7, tra cui il recupero dei dati server-first, caricatori/azioni type-safe, strategie di idratazione adeguate, autenticazione middleware, gestione dei metadati, hook useMatches/useRouteLoaderData e massima sicurezza dei tipi. Da utilizzare quando si lavora con la modalità framework React Router 7, implementando caricatori, azioni, protezione del percorso, breadcrumb, streaming con Suspense/Await, parametri di ricerca URL, convalida del modulo, interfaccia utente ottimistica, percorsi di risorse (endpoint API), configurazione del percorso o creazione di applicazioni SSR.

14Installazioni·2Tendenza·@yonderlab

Installazione

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

Come installare react-router-7-framework

Installa rapidamente la skill AI react-router-7-framework nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-router-7-framework
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: 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.

Applica le migliori pratiche della modalità framework React Router 7, tra cui il recupero dei dati server-first, caricatori/azioni type-safe, strategie di idratazione adeguate, autenticazione middleware, gestione dei metadati, hook useMatches/useRouteLoaderData e massima sicurezza dei tipi. Da utilizzare quando si lavora con la modalità framework React Router 7, implementando caricatori, azioni, protezione del percorso, breadcrumb, streaming con Suspense/Await, parametri di ricerca URL, convalida del modulo, interfaccia utente ottimistica, percorsi di risorse (endpoint API), configurazione del percorso o creazione di applicazioni SSR. Fonte: yonderlab/kota.agent.skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-router-7-framework
Categoria
</>Sviluppo
Verificato
Prima apparizione
2026-02-22
Aggiornato
2026-03-10

Browse more skills from yonderlab/kota.agent.skills

Risposte rapide

Che cos'è react-router-7-framework?

Applica le migliori pratiche della modalità framework React Router 7, tra cui il recupero dei dati server-first, caricatori/azioni type-safe, strategie di idratazione adeguate, autenticazione middleware, gestione dei metadati, hook useMatches/useRouteLoaderData e massima sicurezza dei tipi. Da utilizzare quando si lavora con la modalità framework React Router 7, implementando caricatori, azioni, protezione del percorso, breadcrumb, streaming con Suspense/Await, parametri di ricerca URL, convalida del modulo, interfaccia utente ottimistica, percorsi di risorse (endpoint API), configurazione del percorso o creazione di applicazioni SSR. Fonte: yonderlab/kota.agent.skills.

Come installo react-router-7-framework?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-router-7-framework Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

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