Un projet frontend échoue rarement à cause du framework. Il échoue parce que le build est lent, que personne ne lance les tests et que le bundle grossit sans surveillance jusqu’à ce que le site mette quatre secondes à s’afficher.
Ces huit outils sont gratuits, ils fonctionnent ensemble et ce sont les premiers que j’installe sur un nouveau projet.
Astro
N'envoie aucun JavaScript par défaut, ce qui rend difficile de créer un site de contenu lent avec lui.
astro.buildTailwind CSS
Des classes utilitaires qui empêchent le CSS de grossir indéfiniment avec l'âge du projet.
tailwindcss.comBiome
Linter et formateur dans un seul binaire : remplace une pile de fichiers de configuration par un outil rapide.
biomejs.devVitest
Des tests qui durent quelques millisecondes, donc les gens les lancent vraiment avant de pousser.
vitest.devPlaywright
Des tests en navigateur réel qui attrapent les bugs invisibles aux tests unitaires, avec des traces rejouables.
playwright.devStorybook
Construire et relire des composants isolés : indispensable dès que plusieurs personnes touchent à l'interface.
storybook.js.orgBundlephobia
Vérifiez ce que coûte une dépendance en kilo-octets avant de l'installer, pas après.
bundlephobia.comChoisissez d’abord l’outil de build et le linter : ce sont eux qui déterminent le confort quotidien du projet.
Besoin de le construire, pas seulement de le choisir ?
Applications web, API, infrastructure et interfaces. Freelance depuis Barcelone, clients partout.
Leave a Reply