Frontend Academy · Lektion

Code review-kultur og bedste praksis for PR'er

Giv konstruktiv og respektfuld feedback i code reviews, skriv PR'er, der er nemme at gennemgå, og brug review som et værktøj til vidensdeling frem for gatekeeping.

Lektion 2 af 417 trin

Code review-kultur og bedste praksis for PR'er er en gratis Frontend Academy-lektion på CoddyKit. Dette er lektion 2 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i Frontend Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Frontend Academy-kurset indeholder 4 lektioner i alt.

Kodegennemgang er vidensdeling

Kodegennemgang handler ikke om gatekeeping — det er sådan, teams lærer sammen, overdrager ejerskab og holder kvaliteten høj. En god kultur for kodegennemgang løfter hele teamet; en dårlig kultur skaber flaskehalse og bitterhed.

Skriv en PR, der er nem at gennemgå

1) Hold den lille (helst under 400 linjer). 2) Skriv en tydelig beskrivelse: hvorfor, hvad og hvordan den skal testes. 3) Link til opgaven. 4) Tilføj skærmbilleder eller videoer ved ændringer i brugergrænsefladen. 5) Gennemgå selv dine ændringer, før du beder andre om at gennemgå dem.

Den konventionelle PR-titel

Brug de samme konventionelle præfikser som til commits: feat: add user profile page, fix: handle 404 in fetch wrapper, refactor: extract Avatar component. Mange teams genererer ændringslogge ud fra dem.

Skabelon til PR-beskrivelse

De fleste teams bruger en PR-skabelon — installér 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

Gennemgå selv først

Før du beder andre om at gennemgå dine ændringer, skal du gå din egen ændringsforskel igennem linje for linje. Tilføj kommentarer, der forklarer valg, som ikke er indlysende. Ofte opdager du dine egne fejl, før en anden behøver at gøre det.

Opdel store ændringer

En PR på 2000 linjer bliver sjældent gennemgået grundigt. Opdel den i: 1) refaktorering (ingen ændring af adfærd), 2) ny adfærd, 3) finpudsning af brugergrænsefladen. Så er hver del nemmere at gennemgå og rulle tilbage.

Giv konstruktiv feedback

Formulér feedback som spørgsmål, ikke ordrer: „Hvad synes du om at udtrække dette til en hook?“ er bedre end „udtræk dette“. Skeln mellem det, der absolut skal rettes, og det, der blot ville være rart at få med. Brug præfikser: nit:, question:, blocker:.

Vær specifik

„Det her er forvirrende“ fortæller ikke forfatteren noget. „Jeg måtte læse det tre gange for at forstå den tidlige returnering — kan vi udtrække en guard-betingelse?“ giver forfatteren noget konkret at handle på.

Ros gode mønstre

Kommentér positivt på elegante løsninger, gode navne og nyttige tests. Det opmuntrer til at bruge de samme mønstre og gør resten af feedbacken lettere at tage imod. PR'er, der kun får kritik, føles konfronterende.

Gennemgå ikke stil — det bør værktøjerne gøre

Prettier håndterer formatering. ESLint håndterer stil. Spild ikke gennemgangstid på tabulatorer kontra mellemrum. Hvis en stilregel bliver ved med at dukke op, så kod den ind i linteren.

Gennemgå testene

Tests er også kode. Sørg for, at ny kode har tests. Kontrollér, at testene faktisk afprøver det rigtige — mange tests består, selv når koden er i stykker, fordi de kontrollerer det forkerte.

Gennemgå som forfatter

Svar på enhver kommentar — også selvom det kun er med en tommel-op-emoji. Gør indsigelse mod forslag, du er uenig i (du skrev koden og kan have en vigtig kontekst). Markér afsluttede tråde som afsluttede. Opdatér PR-beskrivelsen, hvis omfanget ændrer sig.

Afgræns tiden til kodegennemgange

Gennemgå inden for én arbejdsdag. Forældede PR'er mister kontekst — forfatteren er kommet videre, og grenen skal måske rebase'es. Store PR'er, der ligger en uge, ender altid som frygtelige sammenfletninger.

Brug forslag (kodeblokke) i GitHub

GitHubs forslagsfunktion lader forfatteren acceptere en rettelse med ét klik. Det er meget hurtigere end at skrive „ændr denne linje til X“ som brødtekst.

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

# Author clicks 'Commit suggestion' to apply.

Vær klar over, hvornår du skal godkende

Godkend, når: koden er korrekt, testene består, du forstår ændringen, og det er sikkert at flette den ind. Når du godkender, tager du medejerskab for resultatet. Godkend ikke ukritisk — hvis du ikke har læst koden, så sig det.

Hurtigt tjek

Hvilken indstilling anbefales, når du giver feedback på en kodegennemgang af noget, du selv ville have skrevet anderledes?

Opsummering: Bedste praksis for PR'er

Forfatter: små, velforklarede PR'er med skærmbilleder og tests. Gennemgå selv først. Gennemgår: konstruktiv, spørgsmålsbaseret feedback. Skeln mellem en blokering og en bagatel. Ros det gode. Spring stil over — lad værktøjerne håndtere den. Gennemgå inden for en dag. Godkend kun, når du forstår ændringen. PR-skabeloner standardiserer processen. Gennemgange er samarbejde, ikke gatekeeping.

Gratis at komme i gang

Lær HTML med en AI-underviser — gratis

Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.

Kurser
41
Lektioner
163

Ofte stillede spørgsmål

Er lektionen “Code review-kultur og bedste praksis for PR'er” gratis?

Ja — hele teksten til “Code review-kultur og bedste praksis for PR'er” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af Frontend Academy-kurset, skal du opgradere til CoddyKit PRO. Frontend Academy-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “Code review-kultur og bedste praksis for PR'er”?

Giv konstruktiv og respektfuld feedback i code reviews, skriv PR'er, der er nemme at gennemgå, og brug review som et værktøj til vidensdeling frem for gatekeeping. Du øver dig i Frontend Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.

Skal jeg have erfaring for at begynde på Frontend Academy?

Der kræves ingen tidligere erfaring. Frontend Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 2 af 4.

Hvor lang tid tager lektionen “Code review-kultur og bedste praksis for PR'er”?

De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.

Kan jeg skrive og køre kode i denne Frontend Academy-lektion?

Ja. Alle Frontend Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.

Alle lektioner i dette kursus

  1. Frontend-systemdesign i interviews
  2. Code review-kultur og bedste praksis for PR'er
  3. Mentorarbejde og teknisk dokumentation
  4. Hold Dem opdateret: læsning af specifikationer og forslag
← Tilbage til Frontend Academy