Um projeto frontend raramente falha por causa do framework. Falha porque a compilação é lenta, ninguém corre os testes e o bundle cresce sem que ninguém repare, até o site demorar quatro segundos a carregar.
Estas oito ferramentas são gratuitas, encaixam entre si e são a primeira coisa que instalo num projeto novo.
Astro
Envia zero JavaScript por omissão, o que torna difícil fazer um site de conteúdos lento com ele.
astro.buildTailwind CSS
Classes utilitárias que impedem o CSS de crescer sem controlo à medida que o projeto envelhece.
tailwindcss.comBiome
Linter e formatador num único binário: substitui uma pilha de ficheiros de configuração por uma ferramenta rápida.
biomejs.devVitest
Testes que demoram milissegundos, por isso as pessoas correm-nos mesmo antes de fazer push.
vitest.devPlaywright
Testes em navegador real que apanham os erros que os testes unitários nunca veem, com traces reproduzíveis.
playwright.devStorybook
Construir e rever componentes isolados: essencial assim que mais de uma pessoa mexe na interface.
storybook.js.orgBundlephobia
Veja o que uma dependência custa em kilobytes antes de a instalar, não depois.
bundlephobia.comEscolha primeiro a ferramenta de build e o linter: são esses dois que decidem como o projeto se sente no dia a dia.
Precisa construir, não só escolher?
Aplicações web, APIs, infraestrutura e interfaces. Freelance desde Barcelona, com clientes em qualquer lugar.
Leave a Reply