Un proyecto frontend rara vez fracasa por el framework. Fracasa porque la compilación es lenta, nadie ejecuta los tests y el bundle crece sin que nadie lo mire hasta que la web tarda cuatro segundos en cargar.
Estas ocho herramientas son gratis, encajan entre sí y son lo primero que instalo en un proyecto nuevo.
Astro
Envía cero JavaScript por defecto, así que cuesta mucho hacer una web de contenidos lenta con él.
astro.buildTailwind CSS
Clases utilitarias que evitan que el CSS crezca sin control conforme envejece el proyecto.
tailwindcss.comBiome
Linter y formateador en un único binario: sustituye una pila de ficheros de configuración por una herramienta rápida.
biomejs.devVitest
Tests que tardan milisegundos, así que la gente los ejecuta de verdad antes de hacer push.
vitest.devPlaywright
Pruebas en navegador real que cazan los fallos que los tests unitarios nunca ven, con trazas reproducibles.
playwright.devStorybook
Construye y revisa componentes aislados: imprescindible en cuanto más de una persona toca la interfaz.
storybook.js.orgBundlephobia
Comprueba lo que cuesta una dependencia en kilobytes antes de instalarla, no después.
bundlephobia.comElige primero la herramienta de compilación y el linter: esas dos deciden cómo se siente el proyecto cada día.
¿Necesitas construirlo, no solo elegirlo?
Aplicaciones web, APIs, infraestructura e interfaces. Freelance desde Barcelona, con clientes en cualquier sitio.
Deja una respuesta