ESLint to linter, czyli program, który analizuje kod JavaScript i TypeScript bez jego uruchamiania i wskazuje błędy, ryzykowne konstrukcje oraz odstępstwa od przyjętych reguł. Można go rozszerzać wtyczkami i konfigurować, a jego reguły część błędów potrafi poprawić automatycznie.
Co sprawdza ESLint?
Wykrywa m.in. nieużywane zmienne, odwołania do niezdefiniowanych nazw, niepoprawne porównania i brak obsługi wyjątków. Dzięki wtyczkom obsługuje frameworki takie jak React i Vue oraz sprawdza dostępność elementów interfejsu.
Konfiguracja i integracja
Reguły zapisuje się w pliku konfiguracyjnym projektu, a narzędzie uruchamia z linii poleceń, w edytorze i w potoku CI. Dzięki temu błędy są wychwytywane już podczas pisania, a nie dopiero na etapie przeglądu kodu.
ESLint a Prettier
ESLint dba głównie o jakość i poprawność kodu, a Prettier o jednolite formatowanie. W praktyce używa się ich razem, wyłączając w ESLint reguły dotyczące formatu, aby nie kolidowały z Prettierem.
Ma to szczególne znaczenie, gdy w projekcie działa automatyczne sprawdzanie szybkości i jakości kodu przed wdrożeniem.
Zobacz w praktyce
Jak automatycznie sprawdzić szybkość i jakość kodu przed wdrożeniem?
Clean Code - jak pisać czytelny i zrozumiały kod
Błędy JavaScript - jak ich skutecznie unikać? Powiązane pojęcia
Wszystkie hasła z kategorii Programowanie i wzorce projektowe