Wprowadzenie
ESLint i Prettier to narzędzia, które pomogą Ci pisać kod zgodny z ustalonymi regułami formatowania i wykorzystania zdefiniowanych zasad. Poza informowaniem Cię o niektórych błędach, większość z nich poprawią automatycznie. To wszystko podniesie jakość pisanego kodu i ułatwi pracę w zespole.
- Instalacja Prettiera i konfiguracja prettierrc oraz prettierignore
- Instalacja ESLint i konfiguracja eslintrc i eslintrcignore
- Przykładowe reguły ESLint
- Presety ESLint
- Automatyczne formatowanie
- Lintowanie istniejącego repozytorium i autofix
- ParserOptions
- Praca z TypeScriptem i TSLint
- Praca z Reactem
Automatyczne formatowanie kodu
Moż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
Dobre praktyki i zasady
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.
Sztywne reguły bądź zalecenia
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.
Własne reguły lub dobre praktyki społeczności
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.
Wsparcie edytorów kodu
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.
Dla kogo jest ten kurs?
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.
Dlaczego wybrać właśnie ten kurs?
- Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję ze zdobytej wiedzy!
- Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i pracować efektywniej.
-
Uczysz się na praktycznych przykładach. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także wzorów, które oszczędzą Ci godziny pracy i poszukiwań.