Un progetto frontend raramente fallisce per colpa del framework. Fallisce perché la build è lenta, nessuno lancia i test e il bundle cresce senza che nessuno guardi, finché il sito impiega quattro secondi a caricare.
Questi otto strumenti sono gratuiti, funzionano bene insieme e sono la prima cosa che installo su un progetto nuovo.
Astro
Invia zero JavaScript di default, quindi è difficile costruirci un sito di contenuti lento.
astro.buildTailwind CSS
Classi utilitarie che impediscono al CSS di crescere all'infinito con l'età del progetto.
tailwindcss.comBiome
Linter e formatter in un solo binario: sostituisce una pila di file di configurazione con uno strumento veloce.
biomejs.devVitest
Test che durano millisecondi, così le persone li lanciano davvero prima di fare push.
vitest.devPlaywright
Test su browser reale che scovano i bug invisibili ai test unitari, con tracce riproducibili.
playwright.devStorybook
Costruire e rivedere componenti isolati: indispensabile appena più di una persona tocca l'interfaccia.
storybook.js.orgBundlephobia
Controlla quanto costa una dipendenza in kilobyte prima di installarla, non dopo.
bundlephobia.comScegli prima lo strumento di build e il linter: sono quei due a decidere com’è il progetto giorno per giorno.
Ti serve costruirlo, non solo sceglierlo?
Applicazioni web, API, infrastruttura e interfacce. Freelance da Barcellona, clienti ovunque.
Leave a Reply