0Pricing
Frontend Academy · Lekcja

Kultura code review i dobre praktyki PR

Przekaże Pan/Pani konstruktywną i pełną szacunku opinię w code review, napisze łatwe do przejrzenia PR-y i wykorzysta przegląd kodu do dzielenia się wiedzą, a nie do blokowania zmian.

Kultura code review i dobre praktyki PR to bezpłatna lekcja Frontend Academy na CoddyKit. To lekcja 2 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Frontend Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Frontend Academy zawiera 4 lekcji w sumie.

Przegląd kodu to dzielenie się wiedzą

Przegląd kodu nie polega na pilnowaniu dostępu — dzięki niemu zespoły uczą się razem, przekazują sobie odpowiedzialność i utrzymują wysoką jakość. Dobra kultura przeglądania kodu wzmacnia cały zespół, a zła tworzy wąskie gardła i budzi frustrację.

Jak przygotować PR łatwy do przeglądu

1) Niech będzie niewielki (jeśli to możliwe, poniżej 400 wierszy). 2) Należy dodać jasny opis: dlaczego, co i jak przetestować. 3) Należy podlinkować zadanie. 4) W przypadku zmian w interfejsie należy dodać zrzuty ekranu lub nagrania. 5) Przed poproszeniem o przegląd należy samodzielnie przejrzeć diff.

Konwencjonalny tytuł PR

Należy używać tych samych konwencjonalnych prefiksów co w commitach: feat: add user profile page, fix: handle 404 in fetch wrapper, refactor: extract Avatar component. Wiele zespołów generuje na ich podstawie changelogi.

Szablon opisu PR

Większość zespołów korzysta z szablonu PR — należy go zainstalować w .github/pull_request_template.md.

## What
Brief description of the change.

## Why
Problem this solves / business value.

## How
Key design decisions, tradeoffs considered.

## Screenshots
(For UI changes)

## Testing
- [ ] Unit tests added/updated
- [ ] Manual QA done on iOS/Android/web
- [ ] No console errors

Closes #1234

Najpierw samodzielny przegląd

Przed poproszeniem o przegląd należy przejść przez własny diff wiersz po wierszu. Warto dodać komentarze wyjaśniające nieoczywiste decyzje. Często w ten sposób można wykryć własne błędy, zanim ktoś inny będzie musiał to zrobić.

Dzielenie dużych zmian

PR zawierający 2000 wierszy rzadko doczeka się dokładnego przeglądu. Należy podzielić go na: 1) refaktoryzację (bez zmiany działania), 2) nowe działanie, 3) dopracowanie interfejsu. Każdą z tych części łatwiej przejrzeć i wycofać.

Konstruktywne przekazywanie uwag

Uwagi należy formułować jako pytania, a nie polecenia: „Co Państwo sądzą o przeniesieniu tego do hooka?” brzmi lepiej niż „przenieść to”. Należy odróżniać kwestie wymagające poprawy od tych, które warto jedynie rozważyć. Warto używać prefiksów: nit:, question:, blocker:.

Proszę zachować konkretny charakter uwag

„To jest mylące” nie daje autorowi żadnej wskazówki. „Musiałem przeczytać to trzy razy, żeby zrozumieć wczesny return — czy możemy wydzielić guard clause?” daje mu konkretny punkt wyjścia do działania.

Warto doceniać dobre wzorce

Warto pozytywnie komentować pomysłowe rozwiązania, dobre nazewnictwo i pomocne testy. Zachęca to do stosowania tych wzorców i łagodzi pozostałe uwagi. PR-y, które otrzymują wyłącznie krytykę, sprawiają wrażenie konfrontacyjnych.

Stylu nie należy oceniać — powinny robić to narzędzia

Prettier zajmuje się formatowaniem. ESLint zajmuje się stylem. Nie należy marnować czasu na przeglądanie różnic między tabulatorami a spacjami. Jeśli jakaś reguła stylu ciągle się powtarza, należy zapisać ją w linterze.

Proszę przejrzeć testy

Testy również są kodem. Należy upewnić się, że nowy kod ma testy. Trzeba sprawdzić, czy testy rzeczywiście sprawdzają właściwą rzecz — wiele testów przechodzi nawet wtedy, gdy kod jest zepsuty, ponieważ asercje dotyczą niewłaściwego elementu.

Przeglądanie jako autor

Należy odpowiedzieć na każdy komentarz — nawet za pomocą samej emotikony kciuka w górę. Warto polemizować z sugestiami, z którymi się Państwo nie zgadzają (to Państwo napisali ten kod i mogą znać dodatkowy kontekst). Rozwiązane wątki należy oznaczyć jako rozwiązane. Jeśli zakres zmian się zmieni, należy zaktualizować opis PR.

Ograniczanie czasu przeglądów

Przegląd należy wykonać w ciągu jednego dnia roboczego. W przypadku nieaktualnych PR-ów ginie kontekst — autor zajął się już czymś innym, a gałąź wymaga ponownego zbase'owania. Duże PR-y, które czekają tydzień, zawsze kończą się wyjątkowo trudnymi scaleniami.

Korzystanie z sugestii (bloków kodu) w GitHubie

Funkcja sugestii w GitHubie pozwala autorowi zaakceptować poprawkę jednym kliknięciem. Jest to znacznie szybsze niż opisowe „zmień ten wiersz na X”.

```suggestion
const total = items.reduce((sum, item) => sum + item.price, 0);
```

# Author clicks 'Commit suggestion' to apply.

Kiedy zatwierdzić PR

Należy zatwierdzić PR, gdy: kod jest poprawny, testy przechodzą, zmiana jest zrozumiała i można ją bezpiecznie scalić. Zatwierdzenie oznacza współodpowiedzialność za rezultat. Nie należy zatwierdzać bez czytania — jeśli kod nie został przeczytany, trzeba to powiedzieć.

Szybkie sprawdzenie

Jakie nastawienie należy przyjąć, przekazując uwagi podczas przeglądu kodu dotyczące czegoś, co napisaliby Państwo inaczej?

Podsumowanie: dobre praktyki dotyczące PR-ów

Autor: niewielkie, dobrze opisane PR-y ze zrzutami ekranu i testami. Najpierw samodzielny przegląd. Reviewer: konstruktywne uwagi formułowane jako pytania. Należy odróżniać blocker od nit. Warto doceniać dobre rozwiązania. Styl należy pomijać — powinny się nim zajmować narzędzia. Przegląd należy wykonać w ciągu jednego dnia. PR należy zatwierdzać tylko wtedy, gdy zmiana jest zrozumiała. Szablony PR-ów ujednolicają proces. Przeglądy to współpraca, a nie pilnowanie dostępu.

Często zadawane pytania

Czy lekcja „Kultura code review i dobre praktyki PR” jest bezpłatna?

Tak — pełny tekst „Kultura code review i dobre praktyki PR” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Frontend Academy, przejdź na CoddyKit PRO. Kurs Frontend Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Kultura code review i dobre praktyki PR”?

Przekaże Pan/Pani konstruktywną i pełną szacunku opinię w code review, napisze łatwe do przejrzenia PR-y i wykorzysta przegląd kodu do dzielenia się wiedzą, a nie do blokowania zmian. Ćwiczysz Frontend Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć Frontend Academy?

Nie wymagamy żadnego doświadczenia. Frontend Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 2 z 4.

Ile czasu zajmuje lekcja „Kultura code review i dobre praktyki PR”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji Frontend Academy?

Tak. Każda lekcja Frontend Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. Rozmowy rekrutacyjne z projektowania systemów frontendowych
  2. Kultura code review i dobre praktyki PR
  3. Mentoring i dokumentacja techniczna
  4. Bycie na bieżąco: specyfikacje i propozycje
← Powrót do Frontend Academy