Automatische Code-Qualität und einheitliche Formatierung.
ESLint spürt problematische Muster im Code auf, während Prettier für eine durchgängig einheitliche Formatierung sorgt. ESLint achtet auf Logik und Korrektheit, etwa vergessene Dependencies in Hooks oder unsichere Vergleiche, Prettier kümmert sich allein um die Form. Die saubere Arbeitsteilung lautet: ESLint findet Probleme, Prettier setzt das Layout, ohne dass sich beide ins Gehege kommen. Gemeinsam halten sie die Codebasis automatisch sauber und befreien Reviews von Stilfragen, sodass du dich auf das konzentrierst, worauf es wirklich ankommt.
Mehr in der DokumentationWir richten ESLint und Prettier in jedem Projekt einmal sauber ein und verdrahten sie über einen Pre-Commit-Hook und die CI. So landet kein unformatierter oder fehlerhafter Code im Repository, und niemand muss im Review über Einrückung diskutieren. Das hält die Codebasis über Monate konsistent, egal wie viele Hände daran arbeiten.
{
"scripts": {
"lint": "eslint .",
"format": "prettier --write .",
"format:check": "prettier --check ."
}
}Gut zu wissen
Lass Prettier nur die Form machen und schalte rein stilistische ESLint-Formatregeln ab, sonst streiten sich beide und der Editor zappelt bei jedem Speichern. Mit dem Flat-Config-Format (eslint.config.js) der neueren ESLint-Versionen wird genau diese Trennung übersichtlicher.
Weitere Werkzeuge, mit denen wir im selben Bereich arbeiten.
Jest & Vitest
Schnelle Unit- und Integrationstests für verlässlichen Code.
Testing Library
Nutzerzentrierte Komponententests, die echtes Verhalten prüfen.
Playwright
End-to-End-Tests, die echte Nutzerflows im Browser absichern.
Cypress
Komfortables E2E-Testing mit exzellentem Debugging.
Sentry
Echtzeit-Fehlertracking und Performance-Monitoring im Betrieb.
Das musst du nicht entscheiden, das ist unser Job. Erzähl uns einfach von deinem Vorhaben.