·react-router-v7
</>

react-router-v7

existential-birds/beagle

Mejores prácticas de React Router v7 para enrutamiento basado en datos. Úselo al implementar rutas, cargadores, acciones, componentes de formulario, captadores, protectores de navegación, rutas protegidas o parámetros de búsqueda de URL. Activadores en createBrowserRouter, RouterProvider, useLoaderData, useActionData, useFetcher, NavLink, Outlet.

161Instalaciones·2Tendencia·@existential-birds

Instalación

$npx skills add https://github.com/existential-birds/beagle --skill react-router-v7

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 |

Mejores prácticas de React Router v7 para enrutamiento basado en datos. Úselo al implementar rutas, cargadores, acciones, componentes de formulario, captadores, protectores de navegación, rutas protegidas o parámetros de búsqueda de URL. Activadores en createBrowserRouter, RouterProvider, useLoaderData, useActionData, useFetcher, NavLink, Outlet. Fuente: existential-birds/beagle.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/existential-birds/beagle --skill react-router-v7
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es react-router-v7?

Mejores prácticas de React Router v7 para enrutamiento basado en datos. Úselo al implementar rutas, cargadores, acciones, componentes de formulario, captadores, protectores de navegación, rutas protegidas o parámetros de búsqueda de URL. Activadores en createBrowserRouter, RouterProvider, useLoaderData, useActionData, useFetcher, NavLink, Outlet. Fuente: existential-birds/beagle.

¿Cómo instalo react-router-v7?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/existential-birds/beagle --skill react-router-v7 Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

https://github.com/existential-birds/beagle