wouter
Añadir routing a una app React o Preact cuando el bundle size importa y no necesitas funcionalidades avanzadas.
Router minimalista para React y Preact de solo 2.2 KB. API similar a React Router pero sin dependencias y con hooks modernos.
Notas y contexto
Qué es
wouter es un router minimalista para React y Preact que ocupa solo 2.2 KB (gzipped). Tiene la misma API de <Route>, <Link> y useLocation que React Router pero sin sus dependencias ni su tamaño.
Para qué sirve
- Añadir routing básico a una SPA React o Preact sin inflar el bundle.
- Usar
useRouteyuseLocationcomo hooks para navegaciĂłn programática. - Enrutar en proyectos donde React Router serĂa excesivo: widgets embebidos, microfrontends, apps pequeñas.
Cuándo usarlo
Cuando el routing es simple (pocas rutas, sin lazy loading complejo ni data loaders) y el tamaño del bundle importa. En proyectos grandes con rutas anidadas, guards y loaders, React Router o TanStack Router siguen siendo más adecuados.
Puntos clave
- 2.2 KB gzipped, sin dependencias externas.
- Compatible con React y Preact con el mismo cĂłdigo.
- API familiar si ya conoces React Router v5.
- Soporte de rutas dinámicas con parámetros y wildcard.
Ten en cuenta
No tiene soporte de data loaders, layouts anidados ni SSR tan maduro como React Router v6+ o TanStack Router. Si el proyecto va a crecer en complejidad de routing, valorar esas alternativas desde el principio.