Dodaj Husky + Lint z etapem do React (maszynopis)

Zakładam, że masz już przynajmniej podstawową wiedzę o ReactJs i Git .

Uwaga: ten artykuł został napisany w sierpniu 2021 r. Ta składnia może nie działać później z powodu zmiany wersji.

Pierwszy krok

Skonfigurujmy projekt React z Typescript za pomocą polecenia create-react-app

npx create-react-app automate-prettier-eslint-with-husky --template typescript

Teraz możemy dodać git do naszego projektu. Tutaj używam GitHub do tego projektu.

Utwórz puste repozytorium w Github, a następnie zostaniesz pokazany w ten sposób.

Następnie możesz dodać git i wypchnąć pierwszy commit do repozytorium za pomocą poniższego polecenia,

git remote add origin https://github.com/cheulong/automate-prettier-eslint-with-husky.git
git branch -M main
git push -u origin main

Trzeci krok

Dodaj zależności

yarn add -D husky lint-staged prettier

lint-staged — za uruchomienie komendy przed zatwierdzeniem .
prettier — do formatowania kodu.

Utwórz, .prettierignoreaby dodać ignorowany folder

Dodaj polecenia Eslint i Prettier do skryptu

eslint src aby sprawdzić ostrzeżenie i błąd kodu.
prettier --write aby sformatować kod.
prettier --check . aby sprawdzić format kodu.

Ostatni krok

Na koniec włączamy git hook

npx husky install

npx husky add .husky/pre-commit "yarn lint-staged"

Uwaga: Możesz także edytować plik przed zatwierdzeniem

Teraz przetestujmy to

git add .
git commit -m"add husky lint-staged"

Gratulacje, udało Ci się dodać husky i kłaczki do swojego projektu ReactJs.

Repozytorium tego artykułu https://github.com/cheulong/automate-prettier-eslint-with-husky

Unikanie niszczycielskich konsekwencji udaru mózgu: nauka z rodzinnej podróży.

Wstęp Udar to nagły przypadek medyczny, który może dotknąć każdego w dowolnym momencie. Występuje, gdy przepływ krwi do części mózgu zostaje zakłócony, co prowadzi do nagłej utraty funkcji mózgu.

Wyzwanie czytelnicze Goodreads jest toksyczne

Swędzenie w mojej dłoni rozszerzyło się, gdy targowałem się z miejscowym księgarzem o kolejną książkę. Ta książka, podobnie jak pozostałe, które ostatnio kupiłem, znalazłaby swój tron na moim stosie „Do przeczytania” (TBR); a mimo to kupiłem.

Kłamstwo kowbojskie

Jak megakorporacje sprzedały Amerykanom mocne kłamstwo

Jest wspaniale złoty poranek na falistych wzgórzach zachodu, gdy pierwsze promienie słońca oświetlają oszronioną trawę na równinach. Stado spokojnego bydła rasy Angus, czarnego jak smoła i masywne, rysuje się na tle wschodu słońca, gdy zmierza utartym szlakiem do miejsca, które wszyscy dobrze znają; bar śniadaniowy.

Rewolucja w miejscu pracy: najlepsi eksperci omawiają pracę hybrydową i zdalną

W dzisiejszym szybko zmieniającym się krajobrazie biznesowym koncepcja pracy hybrydowej i zdalnej nabrała bezprecedensowego rozpędu. Ponieważ firmy wciąż dostosowują się do zmieniających się potrzeb i oczekiwań swoich pracowników, eksperci z różnych dziedzin zebrali się, aby omówić korzyści, wyzwania i przyszłość tego transformacyjnego sposobu pracy.

Nauka w tygodniu pracy ma większe znaczenie niż myślisz

Często mamy trudności z wdrożeniem tego, co wiemy, że jest dla nas dobre. Od mówienia drugiej osobie, że ją kochamy, po pamiętanie, by mówić jak pirat, zawsze znajdą się tacy, którzy twierdzą, że dzień, tydzień lub miesiąc wydarzeń nie jest potrzebny, ponieważ już to robią.