Dibuja mi repo

SeeRepo con React y Vite

SeeRepo reconoce una app de React hecha con Vite cuando su package.json tiene vite y react y no tiene next.

Lo que lee SeeRepo

  • El archivo de entrada (main o index) es una puerta: donde arranca tu app.
  • Las pantallas salen de tu router: createBrowserRouter, useRoutes, <Route> y las rutas lazy de React Router, o createFileRoute de TanStack Router.
  • Tus componentes son piezas, y viven dentro de la pantalla que los usa.
  • Una pantalla que no pide sesión es para Visitantes.

Un ejemplo de nuestro banco de pruebas

Dos paneles de administración hechos con React + Vite, leídos en un commit fijo:

  • nezhahq/admin-frontend enruta con createBrowserRouter: 9 pantallas, 80 piezas y 46 piezas internas, 135 archivos de producto.
  • satnaing/shadcn-admin enruta con TanStack Router: 30 pantallas, 160 piezas y 17 piezas internas, 207 archivos de producto.

En los dos, cada pantalla se abre sin sesión en el código que lee SeeRepo, así que todas salen como pantallas para visitantes.

Bueno saber

  • Una app de Vite suele hablar con un backend que vive en otro lado. Si ese backend está en el mismo repo (Express, FastAPI…), SeeRepo lo lee con su propio framework. En nuestro banco, fastapi/full-stack-fastapi-template enseña su frontend de React + Vite en frontend/ y sus 2 modelos de datos (Item, User) del backend en Python.
  • Vue, Nuxt, SvelteKit, Remix y Angular se leen con su propio framework.