Frontend Academy · Les

Code review-cultuur en PR-best practices

Geef constructieve en respectvolle feedback bij code reviews, schrijf PR's die eenvoudig te beoordelen zijn en gebruik reviews als middel om kennis te delen, niet als poortwachter.

Les 2 van 417 stappen

Code review-cultuur en PR-best practices is een gratis Frontend Academy-les op CoddyKit. Dit is les 2 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Frontend Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Frontend Academy bevat in totaal 4 lessen.

Code review is kennis delen

Code review is geen poortwachterij — het is de manier waarop teams samen leren, eigenaarschap overdragen en de kwaliteit hoog houden. Een goede reviewcultuur tilt het hele team naar een hoger niveau; een slechte cultuur veroorzaakt knelpunten en wrevel.

Een goed te beoordelen PR schrijven

1) Houd het klein (liefst minder dan 400 regels). 2) Schrijf een duidelijke beschrijving: waarom, wat en hoe je het test. 3) Voeg het ticket toe. 4) Voeg schermafbeeldingen of video’s toe voor wijzigingen in de gebruikersinterface. 5) Beoordeel je eigen diff voordat je beoordelaars vraagt.

De conventionele PR-titel

Gebruik dezelfde conventionele voorvoegsels als bij commits: feat: add user profile page, fix: handle 404 in fetch wrapper, refactor: extract Avatar component. Veel teams genereren op basis hiervan wijzigingslogboeken.

Sjabloon voor een PR-beschrijving

De meeste teams gebruiken een PR-sjabloon — installeer het in .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

Eerst zelf beoordelen

Loop voordat je beoordelaars vraagt je eigen diff regel voor regel door. Voeg opmerkingen toe waarin je niet-vanzelfsprekende keuzes uitlegt. Vaak ontdek je zo je eigen fouten voordat iemand anders dat hoeft te doen.

Grote wijzigingen opsplitsen

Een PR van 2.000 regels wordt zelden grondig beoordeeld. Splits hem op in: 1) refactoring (geen gedragswijziging), 2) nieuw gedrag, 3) afwerking van de gebruikersinterface. Zo is elk deel makkelijker te beoordelen en terug te draaien.

Constructieve feedback geven

Formuleer feedback als vragen, niet als bevelen: ‘Wat vind je ervan om dit naar een hook te verplaatsen?’ werkt beter dan ‘verplaats dit’. Maak onderscheid tussen wat beslist moet worden opgelost en wat alleen prettig zou zijn. Gebruik voorvoegsels: nit:, question:, blocker:.

Wees specifiek

‘Dit is verwarrend’ vertelt de auteur niets. ‘Ik moest dit drie keer lezen om de vroege return te begrijpen — kunnen we een guard clause extraheren?’ geeft de auteur iets concreets om mee aan de slag te gaan.

Prijs goede patronen

Reageer positief op slimme oplossingen, goede naamgeving en nuttige tests. Dat moedigt zulke patronen aan en maakt de rest van de feedback minder scherp. PR’s waarop alleen kritiek komt, voelen vijandig aan.

Beoordeel stijl niet — tooling moet dat doen

Prettier handelt de opmaak af. ESLint handelt de stijl af. Verspil geen beoordelingsrondes aan tabs versus spaties. Als een stijlregel steeds terugkomt, leg je die vast in de linter.

Beoordeel de tests

Tests zijn ook code. Controleer of nieuwe code tests heeft. Controleer ook of de tests daadwerkelijk het juiste testen — veel tests slagen zelfs als de code kapot is, omdat ze het verkeerde controleren.

Beoordelen als auteur

Reageer op elke opmerking — al is het maar met een duim-omhoogemoji. Maak bezwaar tegen suggesties waar je het niet mee eens bent (je hebt de code geschreven; misschien heb je extra context). Markeer opgeloste discussiedraden als opgelost. Werk de PR-beschrijving bij als de reikwijdte verandert.

Beoordelingen in tijd afbakenen

Beoordeel binnen één werkdag. Bij verouderde PR’s gaat context verloren — de auteur is verdergegaan en de tak moet opnieuw op de juiste basis worden gezet. Grote PR’s die een week blijven liggen, worden altijd vreselijke samenvoegingen.

Gebruik suggesties (codeblokken) in GitHub

Met de suggestiefunctie van GitHub kan de auteur een oplossing met één klik accepteren. Dat is veel sneller dan in gewone tekst schrijven: ‘verander deze regel in X’.

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

# Author clicks 'Commit suggestion' to apply.

Weten wanneer je goedkeurt

Keur goed wanneer: de code correct is, de tests slagen, je de wijziging begrijpt en het veilig is om samen te voegen. Goedkeuren betekent dat je medeverantwoordelijkheid neemt voor het resultaat. Keur niet kritiekloos goed — als je het niet hebt gelezen, zeg dat dan.

Snelle controle

Wat is de aanbevolen houding wanneer je feedback geeft op code die je zelf anders zou schrijven?

Samenvatting: beste PR-praktijken

Auteur: kleine, goed beschreven PR’s met schermafbeeldingen en tests. Beoordeel eerst zelf. Beoordelaar: constructieve feedback in de vorm van vragen. Maak onderscheid tussen een blokkade en een kleinigheid. Prijs het goede. Sla stijl over — laat tooling dat afhandelen. Beoordeel binnen een dag. Keur alleen goed als je de wijziging begrijpt. PR-sjablonen standaardiseren het proces. Reviews zijn samenwerking, geen poortwachterij.

Gratis beginnen

Leer HTML met een AI-tutor — gratis

Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.

Cursussen
41
Lessen
163

Veelgestelde vragen

Is de les “Code review-cultuur en PR-best practices” gratis?

Ja — de volledige tekst van “Code review-cultuur en PR-best practices” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus Frontend Academy wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus Frontend Academy bevat in totaal 4 lessen.

Wat leer ik in “Code review-cultuur en PR-best practices”?

Geef constructieve en respectvolle feedback bij code reviews, schrijf PR's die eenvoudig te beoordelen zijn en gebruik reviews als middel om kennis te delen, niet als poortwachter. Je oefent met Frontend Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.

Heb ik ervaring nodig om met Frontend Academy te beginnen?

Ervaring vooraf is niet nodig. Frontend Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 2 van 4.

Hoe lang duurt de les “Code review-cultuur en PR-best practices”?

De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.

Kan ik code schrijven en uitvoeren in deze les over Frontend Academy?

Ja. Elke les over Frontend Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.

Alle lessen in deze cursus

  1. Systeemontwerpinterviews voor frontend
  2. Code review-cultuur en PR-best practices
  3. Mentoring en technische documentatie
  4. Bijblijven: specs en voorstellen lezen
← Terug naar Frontend Academy