Tips and Tricks
55 min · JavaScript · Full-stack i Programowanie
Jakub PusiakwebdeveloperMoże się wydawać, że pisząc kod, odpowiednio go formatujemy i nie ma potrzeby aby konfigurować dodatkowe narzędzia, które nam w tym pomogą. W teorii tak ale w praktyce łatwo popełnić literówkę lub popełnić inny, pozornie niewiele znaczący błąd. Rozwijając kod w ten sposób, błędy zaczynają pojawiać się coraz częściej i część z nich może stać się przyczyną bugów. W dodatku nawet jeżeli dbamy o jakość kodu, osoby z naszego zespołu mogą mieć inne nawyki. W efekcie utrzymanie spójności jest niemal niemożliwe...bez wykorzystania ESLint i Prettiera
Języki programowania nieustannie się rozwijają. W miejsce jednych funkcji, pojawiają się drugie. Z tego powodu trudno jest zadbać o zachowanie dobrych praktyk. Jednak definiując reguły w ESLint, możesz określić które z nich mają być bezwzględnie lub opcjonalnie przestrzegane.
ESLint i Prettier mogą pomóc w zachowaniu wysokiej jakości kodu poprzez bezwzględne weryfikowanie poprawności lub tylko informowanie o ewentualnych naruszeniach. Istnieje możliwość uwzględnienia weryfikacji w procesie publikacji nowej wersji aplikacji i w przypadku jakichkolwiek niezgodności, aktualizacja może zostać wstrzymana.
Konfiguracja reguł może opierać się zarówno o domyślne ustawienia, ustawienia sugerowane przez społeczność lub ich połączenie z Twoimi własnymi. Wszystkie ustawienia są bezpośrednio powiązane z projektem, więc każda osoba która będzie zaangażowana w jego rozwój, automatycznie uzyska do nich dostęp.
Obecnie każdy popularny edytor kodu posiada wsparcie dla ESLint i Prettier. Dzięki temu niezależnie od tego z którego korzystasz, będziesz mógł wykorzystać te narzędzia w swojej pracy. Dodatkowo efekt weryfikacji jakości kodu, może być przeprowadzany automatycznie przy generowaniu produkcyjnej wersji aplikacji.
Warsztat przeznaczony jest dla programistów JavaScript chcących podnieść jakość pisanego kodu oraz usprawnić swoją pracę, poprzez automatyczne formatowanie oraz weryfikację kodu pod kątem stosowania dobrych praktyk. Materiał dotyczy konfigurację ESLint oraz Prettier oraz najważniejszych rozszerzeń Visual Studio Code.