Frontend Academy · Oppitunti

Koodikatselmointikulttuuri ja PR-käytännöt

Anna rakentavaa ja kunnioittavaa palautetta koodikatselmoinneissa, kirjoita helposti katselmoitavia PR:iä ja käytä katselmointia tiedon jakamiseen portinvartioinnin sijaan.

Oppitunti 2/417 vaihetta

Koodikatselmointikulttuuri ja PR-käytännöt on ilmainen Frontend Academy-oppitunti CoddyKitissä. Tämä on oppitunti 2/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu Frontend Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. Frontend Academy-kurssilla on yhteensä 4 oppituntia.

Koodikatselmointi on tiedon jakamista

Koodikatselmointi ei ole portinvartijuutta, vaan tapa oppia yhdessä, siirtää vastuuta ja pitää laatu korkealla. Hyvä katselmointikulttuuri vahvistaa koko tiimiä; huono kulttuuri luo pullonkauloja ja katkeruutta.

Hyvin katselmoitavan PR:n kirjoittaminen

1) Pidä se pienenä (mahdollisuuksien mukaan alle 400 riviä). 2) Kirjoita selkeä kuvaus: miksi, mitä ja miten testataan. 3) Linkitä tiketti. 4) Lisää käyttöliittymämuutoksiin kuvakaappauksia tai videoita. 5) Tarkista diff itse ennen katselmoijien pyytämistä.

Conventional PR -otsikko

Käytä samoja vakiintuneita etuliitteitä kuin commit-viesteissä: feat: add user profile page, fix: handle 404 in fetch wrapper, refactor: extract Avatar component. Monet tiimit luovat näistä muutoslokit automaattisesti.

PR-kuvausmalli

Useimmilla tiimeillä on PR-malli — asenna se tiedostoon .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

Tarkista ensin itse

Käy oma diffisi rivi riviltä läpi ennen katselijoiden pyytämistä. Lisää kommentteja, jotka selittävät epäselvät ratkaisut. Usein löydät omat virheesi ennen kuin jonkun muun tarvitsee löytää ne.

Suurten muutosten jakaminen

2000 rivin PR katselmoidaan harvoin perusteellisesti. Jaa se osiin: 1) refaktorointi (ei käyttäytymismuutoksia), 2) uusi toiminnallisuus, 3) käyttöliittymän viimeistely. Jokainen osa on helpompi katselmoida ja palauttaa ennalleen.

Rakentavan palautteen antaminen

Muotoile palaute kysymyksiksi, älä käskyiksi: 'Mitä mieltä olet tämän siirtämisestä hookiin?' toimii paremmin kuin 'siirrä tämä'. Erota pakolliset korjaukset hyödyllisistä mutta valinnaisista parannuksista. Käytä etuliitteitä: nit:, question:, blocker:.

Ole täsmällinen

'Tämä on sekava' ei kerro tekijälle mitään. 'Minun piti lukea tämä kolme kertaa ymmärtääkseni aikaisen palautuksen — voisimmeko irrottaa tästä guard clausen?' antaa hänelle jotain, jonka perusteella toimia.

Kehu hyviä käytäntöjä

Kommentoi myönteisesti oivaltavia ratkaisuja, hyvää nimeämistä ja hyödyllisiä testejä. Se kannustaa toistamaan näitä käytäntöjä ja pehmentää muuta palautetta. PR:t, jotka saavat osakseen pelkkää kritiikkiä, tuntuvat vastakkainasettelulta.

Älä katselmoi tyyliä — työkalut hoitavat sen

Prettier huolehtii muotoilusta. ESLint huolehtii tyylistä. Älä tuhlaa katselmointikierroksia sarkainten ja välilyöntien vertailuun. Jos jokin tyylisääntö nousee jatkuvasti esiin, määritä se linterissä.

Katselmoi testit

Testit ovat myös koodia. Varmista, että uudelle koodille on testit. Tarkista, että testit todella testaavat oikeaa asiaa — monet testit menevät läpi rikkinäisinäkin, koska ne tarkistavat väärän asian.

Katselmointi tekijän näkökulmasta

Vastaa jokaiseen kommenttiin, vaikka vain peukkuemojilla. Perustele eriävä mielipiteesi ehdotuksista, joista olet eri mieltä (sinä kirjoitit koodin, joten sinulla saattaa olla lisäkontekstia). Merkitse ratkaistut keskustelut ratkaistuiksi. Päivitä PR:n kuvaus, jos laajuus muuttuu.

Rajaa katselmointiin käytettävä aika

Katselmoi yhden työpäivän kuluessa. Vanhentuneet PR:t menettävät kontekstinsa — tekijä on siirtynyt eteenpäin ja haara tarvitsee rebasoinnin. Viikon ajan odottavat suuret PR:t johtavat aina tuskallisiin yhdistämisiin.

Käytä GitHubin ehdotuksia (koodilohkoja)

GitHubin ehdotusominaisuuden avulla tekijä voi hyväksyä korjauksen yhdellä napsautuksella. Se on paljon nopeampaa kuin kirjoittaa tekstinä 'muuta tämä rivi muotoon X'.

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

# Author clicks 'Commit suggestion' to apply.

Milloin PR kannattaa hyväksyä

Hyväksy, kun koodi on oikein, testit menevät läpi, ymmärrät muutoksen ja sen voi yhdistää turvallisesti. Hyväksyminen tarkoittaa, että otat osavastuun lopputuloksesta. Älä hyväksy automaattisesti — jos et lukenut muutosta, sano se.

Pikatarkistus

Miten kannattaa suhtautua antaessasi koodikatselmointipalautetta asiasta, jonka kirjoittaisit itse eri tavalla?

Kertaus: PR:n parhaat käytännöt

Tekijä: pienet, hyvin kuvatut PR:t, joissa on kuvakaappaukset ja testit. Tarkista ensin itse. Katselmoija: rakentavaa, kysymyksiin perustuvaa palautetta. Erota estävät ongelmat pienistä huomioista. Kehu hyvää. Ohita tyyli — anna työkalujen hoitaa se. Katselmoi päivän kuluessa. Hyväksy vain, kun ymmärrät muutoksen. PR-mallit yhdenmukaistavat prosessin. Katselmoinnit ovat yhteistyötä, eivät portinvartijuutta.

Aloita maksutta

Opi HTML tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit
41
Oppitunnit
163

Usein kysytyt kysymykset

Onko oppitunti ”Koodikatselmointikulttuuri ja PR-käytännöt” ilmainen?

Kyllä – oppitunnin ”Koodikatselmointikulttuuri ja PR-käytännöt” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko Frontend Academy-kurssin, päivitä CoddyKit PROhon. Frontend Academy-kurssilla on yhteensä 4 oppituntia.

Mitä opin oppitunnilla ”Koodikatselmointikulttuuri ja PR-käytännöt”?

Anna rakentavaa ja kunnioittavaa palautetta koodikatselmoinneissa, kirjoita helposti katselmoitavia PR:iä ja käytä katselmointia tiedon jakamiseen portinvartioinnin sijaan. Harjoittelet Frontend Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni Frontend Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin Frontend Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 2/4.

Kuinka kauan ”Koodikatselmointikulttuuri ja PR-käytännöt”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä Frontend Academy-oppitunnilla?

Kyllä. Jokainen Frontend Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

  1. Frontend-järjestelmäsuunnittelun haastattelut
  2. Koodikatselmointikulttuuri ja PR-käytännöt
  3. Mentorointi ja tekninen dokumentaatio
  4. Ajan tasalla pysyminen: spesifikaatioiden ja ehdotusten lukeminen
← Takaisin: Frontend Academy