Frontend Academy · leksjon

Kodegjennomgangskultur og beste praksis for PR-er

Gi konstruktive og respektfulle tilbakemeldinger i kodegjennomganger, skriv PR-er som er enkle å gjennomgå, og bruk gjennomgang som et verktøy for kunnskapsdeling, ikke portvaktvirksomhet.

Leksjon 2 av 417 trinn

Kodegjennomgangskultur og beste praksis for PR-er er en gratis leksjon i Frontend Academy på CoddyKit. Dette er leksjon 2 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i Frontend Academy, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i Frontend Academy inneholder totalt 4 leksjoner.

Kodegjennomgang er kunnskapsdeling

Kodegjennomgang handler ikke om portvokting – det er slik team lærer sammen, overfører eierskap og holder kvaliteten høy. En god kultur for kodegjennomgang løfter hele teamet; en dårlig kultur skaper flaskehalser og bitterhet.

Slik skriver De en PR som er enkel å gjennomgå

1) Hold den liten (under 400 linjer hvis mulig). 2) Skriv en tydelig beskrivelse: hvorfor, hva og hvordan den testes. 3) Koble den til saken. 4) Legg til skjermbilder eller videoer ved endringer i brukergrensesnittet. 5) Gå gjennom diffen Deres selv før De ber om gjennomgang.

Den konvensjonelle PR-tittelen

Bruk de samme konvensjonelle prefiksene som for commits: feat: add user profile page, fix: handle 404 in fetch wrapper, refactor: extract Avatar component. Mange team genererer endringslogger fra disse.

Mal for PR-beskrivelse

De fleste team bruker en PR-mal – installer den i .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

Egen gjennomgang først

Før De ber om gjennomgang, gå gjennom Deres egen diff linje for linje. Legg til kommentarer som forklarer valg som ikke er åpenbare. Ofte oppdager De egne feil før noen andre må gjøre det.

Del opp store endringer

En PR på 2000 linjer blir sjelden grundig gjennomgått. Del den opp i: 1) refaktorering (ingen endring i oppførsel), 2) ny funksjonalitet, 3) finpussing av brukergrensesnittet. Hver del er enklere å gjennomgå og tilbakestille.

Gi konstruktive tilbakemeldinger

Formuler det som spørsmål, ikke ordrer: «Hva synes De om å trekke dette ut i en hook?» er bedre enn «trekk dette ut». Skill mellom det som må fikses og det som bare er kjekt å ha. Bruk prefikser: nit:, question:, blocker:.

Vær spesifikk

«Dette er forvirrende» forteller ikke forfatteren noe. «Jeg måtte lese dette tre ganger for å forstå den tidlige returen – kan vi trekke ut en guard clause?» gir forfatteren noe konkret å handle på.

Gi ros for gode mønstre

Kommenter positivt på smarte løsninger, gode navn og nyttige tester. Det oppmuntrer til slike mønstre og gjør resten av tilbakemeldingen lettere å ta imot. PR-er som bare får kritikk, oppleves som konfronterende.

Ikke gjennomgå stil – verktøyene bør gjøre det

Prettier håndterer formatering. ESLint håndterer stil. Ikke kast bort gjennomgangsrunder på tabulatorer kontra mellomrom. Hvis en stilregel stadig dukker opp, bør den bygges inn i linteren.

Gå gjennom testene

Tester er også kode. Sørg for at ny kode har tester. Kontroller at testene faktisk tester det riktige — mange tester består selv når koden er ødelagt, fordi de sjekker feil ting.

Gjennomgang som forfatter

Svar på alle kommentarer – selv om det bare er med en tommel opp-emoji. Si imot forslag De er uenig i (De skrev koden og kan ha kontekst de andre mangler). Marker løste tråder som løst. Oppdater PR-beskrivelsen hvis omfanget endres.

Tidsavgrens gjennomganger

Gjennomfør gjennomgangen innen én arbeidsdag. Foreldede PR-er mister kontekst – forfatteren har gått videre, og grenen trenger rebase. Store PR-er som blir liggende en uke, ender alltid i marerittaktige sammenslåinger.

Bruk forslag (kodeblokker) i GitHub

Forslagsfunksjonen i GitHub lar forfatteren godta en rettelse med ett klikk. Det går mye raskere enn å skrive «endre denne linjen til X» i løpende tekst.

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

# Author clicks 'Commit suggestion' to apply.

Vit når De skal godkjenne

Godkjenn når: koden er korrekt, testene består, De forstår endringen, og den er trygg å slå sammen. En godkjenning betyr at De tar medansvar for resultatet. Ikke godkjenn på autopilot – hvis De ikke har lest den, si fra.

Kort kontroll

Hvilken holdning anbefales når De gir tilbakemeldinger i en kodegjennomgang på noe De selv ville skrevet annerledes?

Oppsummering: beste praksis for PR-er

Forfatter: små, godt beskrevne PR-er med skjermbilder og tester. Gjennomfør en egen gjennomgang først. Gjennomgår: konstruktive, spørsmålsbaserte tilbakemeldinger. Skill mellom blokkere og småting. Gi ros for det som er bra. Hopp over stil – la verktøyene håndtere det. Gjennomfør gjennomgangen innen én dag. Godkjenn bare når De forstår endringen. PR-maler standardiserer prosessen. Gjennomganger er samarbeid, ikke portvokting.

Gratis å komme i gang

Lær deg HTML med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs
41
Leksjoner
163

Ofte stilte spørsmål

Er leksjonen «Kodegjennomgangskultur og beste praksis for PR-er» gratis?

Ja – hele teksten i «Kodegjennomgangskultur og beste praksis for PR-er» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av Frontend Academy-kurset, kan du oppgradere til CoddyKit PRO. Kurset i Frontend Academy inneholder totalt 4 leksjoner.

Hva lærer jeg i «Kodegjennomgangskultur og beste praksis for PR-er»?

Gi konstruktive og respektfulle tilbakemeldinger i kodegjennomganger, skriv PR-er som er enkle å gjennomgå, og bruk gjennomgang som et verktøy for kunnskapsdeling, ikke portvaktvirksomhet. Du øver på Frontend Academy med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med Frontend Academy?

Ingen tidligere erfaring er nødvendig. Frontend Academy på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 2 av 4.

Hvor lang tid tar leksjonen «Kodegjennomgangskultur og beste praksis for PR-er»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne Frontend Academy-leksjonen?

Ja. Alle Frontend Academy-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

  1. Systemdesignintervjuer for frontend
  2. Kodegjennomgangskultur og beste praksis for PR-er
  3. Mentoring og teknisk dokumentasjon
  4. Hold deg oppdatert: les spesifikasjoner og forslag
← Tilbake til Frontend Academy