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 #1234Najpierw 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
- Rozmowy rekrutacyjne z projektowania systemów frontendowych
- Kultura code review i dobre praktyki PR
- Mentoring i dokumentacja techniczna
- Bycie na bieżąco: specyfikacje i propozycje