Ta lekcja jest w bazie eduweb

Zaloguj się kontem z dostępem albo wykup dostęp do bazy, żeby obejrzeć wideo.

Lekcja 1/ 1ESLint i Prettier

0:00 / 0:00

ESLint i Prettier

55 min wideo1 lekcja

Czego się nauczysz

  • 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

ESLint i Prettier - Tips and Tricks

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.

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.

Kurs ESLint i Prettier

1 lekcja55min

  • ESLint i Prettier56min(zablokowana)

Ten kurs jest w bazie eduweb

Dostęp do wszystkich kursów z bazy eduweb za 199 zł/mies.

Wykup dostęp do bazy

Autor kursu

Średnia ocen autora: 5