Frontend y aplicaciones web
Paneles, back-offices y aplicaciones web en React y Next.js. Construidos como un sistema de componentes, con desempeño y accesibilidad medidos, no prometidos.
El frontend se pudre rápido. Empieza limpio, gana pantallas, gana excepciones, y en dos años cambiar un botón exige tocar siete archivos. Mientras tanto la página engorda, el celular sufre y nadie está midiendo.
Una aplicación en React o Next.js organizada en componentes reutilizables, con estado previsible, carga medida con Core Web Vitals y accesibilidad de teclado y lector de pantalla. Probada de punta a punta, en el navegador, como la usa el usuario.
Tiene sentido cuando la aplicación tiene muchas pantallas parecidas, cuando el equipo creció y cada uno resuelve a su manera, o cuando está lenta y nadie sabe señalar dónde.
Aplicaciones React y Next.js
Una aplicación web completa, con el renderizado elegido por página según el caso — estático donde se puede, en el servidor donde hace falta. Rutas, formularios, permisos y estado resueltos de una sola manera.
Biblioteca de componentes
Un conjunto de componentes documentado, con los estados diseñados: vacío, cargando, error, sin permiso. Es lo que hace que la décima pantalla cueste menos que la primera.
Modernización de frontend heredado
Reemplazo por partes, con el sistema viejo y el nuevo conviviendo, en lugar de una reescritura de un año con fecha marcada. Cada pedazo migrado entra en producción.
Desempeño y Core Web Vitals
Medir antes de optimizar: qué es peso de imágenes, qué es demasiado JavaScript, qué son datos pedidos en el momento equivocado. Después, corregir con un número antes y después.
Accesibilidad
Navegación por teclado, contraste, foco visible, lector de pantalla y HTML con significado. Además de ser lo correcto, es lo que hace que el sistema funcione para quien pasa ocho horas en él.
Pruebas de punta a punta
Los caminos que no pueden romperse se vuelven pruebas que corren en el navegador con cada cambio. Es lo que permite tocar con confianza lo que ya está en producción.
- Framework
- React · Next.js · TypeScript
- Estilos
- Tailwind CSS · CSS Modules
- Estado y formularios
- TanStack Query · Zustand · React Hook Form · Zod
- Calidad
- Vitest · Testing Library · Playwright
- Entrega
- Vercel · GitHub Actions · Lighthouse