Ein Frontend-Projekt scheitert selten am Framework. Es scheitert, weil der Build langsam ist, niemand die Tests ausführt und das Bundle unbemerkt wächst, bis die Seite vier Sekunden lädt.
Diese acht Tools sind kostenlos, greifen ineinander und sind das Erste, was ich in einem neuen Projekt installiere.
Astro
Liefert standardmäßig null JavaScript aus, weshalb eine langsame Content-Seite damit kaum gelingt.
astro.buildTailwind CSS
Utility-Klassen, die verhindern, dass das CSS mit dem Alter des Projekts endlos wächst.
tailwindcss.comBiome
Linter und Formatter in einer Binary: ersetzt einen Stapel Konfigurationsdateien durch ein schnelles Tool.
biomejs.devPlaywright
Echte Browsertests, die Fehler finden, die Unit-Tests nie sehen, mit abspielbaren Traces.
playwright.devStorybook
Komponenten isoliert bauen und prüfen: unverzichtbar, sobald mehr als eine Person am UI arbeitet.
storybook.js.orgBundlephobia
Prüfe in Kilobyte, was eine Abhängigkeit kostet, bevor du sie installierst, nicht danach.
bundlephobia.comWähle zuerst Build-Tool und Linter: Diese beiden bestimmen, wie sich das Projekt im Alltag anfühlt.
Soll es gebaut werden, nicht nur ausgewählt?
Web-Apps, APIs, Infrastruktur und Interfaces. Freelance aus Barcelona, Kunden weltweit.
Leave a Reply