Frontend Academy · Leçon

Culture de la revue de code et bonnes pratiques des PR

Formulez des retours de revue de code constructifs et respectueux, rédigez des PR faciles à examiner et utilisez la revue comme outil de partage des connaissances plutôt que comme moyen de contrôle.

Leçon 2 sur 417 étapes

Culture de la revue de code et bonnes pratiques des PR est une leçon Frontend Academy gratuite sur CoddyKit. Ceci est la leçon 2 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Frontend Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Frontend Academy comprend 4 leçons au total.

La revue de code est un partage des connaissances

La revue de code n’est pas un contrôle d’accès : c’est un moyen pour les équipes d’apprendre ensemble, de transférer les responsabilités et de maintenir un haut niveau de qualité. Une bonne culture de revue fait progresser toute l’équipe ; une mauvaise crée des goulots d’étranglement et du ressentiment.

Rédiger une PR facile à relire

1) Gardez-la courte (moins de 400 lignes si possible). 2) Rédigez une description claire : pourquoi, quoi, comment la tester. 3) Ajoutez un lien vers la tâche. 4) Ajoutez des captures d’écran ou des vidéos pour les changements de l’interface utilisateur. 5) Relisez vous-même vos modifications avant de demander une revue.

Le titre conventionnel d’une PR

Utilisez les mêmes préfixes conventionnels que pour les validations : feat: add user profile page, fix: handle 404 in fetch wrapper, refactor: extract Avatar component. De nombreuses équipes génèrent leurs journaux de modifications à partir de ces préfixes.

Modèle de description d’une PR

La plupart des équipes utilisent un modèle de PR : installez-le dans .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

Commencez par vous relire

Avant de demander une revue, parcourez vos propres modifications ligne par ligne. Ajoutez des commentaires pour expliquer les choix qui ne vont pas de soi. Vous détecterez souvent vos propres erreurs avant que quelqu’un d’autre n’ait à le faire.

Diviser les changements importants

Une PR de 2 000 lignes est rarement relue attentivement. Divisez-la en : 1) une refactorisation (sans changement de comportement), 2) un nouveau comportement, 3) une amélioration de l’interface utilisateur. Chaque partie est plus facile à relire et à annuler.

Donner des retours constructifs

Formulez vos remarques sous forme de questions, et non d’ordres : « Que pensez-vous d’extraire ceci dans une fonction réutilisable ? » vaut mieux que « extrayez ceci ». Distinguez les corrections indispensables des améliorations facultatives. Utilisez les préfixes suivants : nit:, question:, blocker:.

Soyez précis

« C’est déroutant » n’apprend rien à l’auteur. « J’ai dû lire ceci trois fois pour comprendre le retour anticipé : pourrions-nous extraire une clause de garde ? » lui donne une piste concrète.

Valoriser les bonnes pratiques

Faites des commentaires positifs sur les solutions astucieuses, les noms bien choisis et les tests utiles. Cela encourage ces pratiques et adoucit le reste de vos retours. Les PR qui ne reçoivent que des critiques donnent une impression de confrontation.

Ne relisez pas le style — les outils s’en chargent

Prettier s’occupe de la mise en forme. ESLint s’occupe du style. Ne perdez pas de temps de revue sur les tabulations ou les espaces. Si une règle de style revient régulièrement, encodez-la dans l’outil d’analyse.

Relire les tests

Les tests sont aussi du code. Assurez-vous que le nouveau code possède des tests. Vérifiez qu’ils testent réellement le bon élément : de nombreux tests réussissent même lorsque le code est défectueux, parce qu’ils vérifient le mauvais élément.

Relire en tant qu’auteur

Répondez à chaque commentaire, même avec un simple emoji de pouce levé. N’hésitez pas à contester les suggestions avec lesquelles vous n’êtes pas d’accord (c’est vous qui avez écrit le code ; vous avez peut-être un contexte particulier). Marquez les fils traités comme résolus. Mettez à jour la description de la PR si son périmètre évolue.

Limiter la durée des revues

Effectuez la revue dans un délai d’un jour ouvré. Les PR laissées à l’abandon perdent leur contexte : l’auteur est passé à autre chose et la branche doit être rebasée. Les grandes PR qui restent en attente pendant une semaine donnent toujours lieu à des fusions cauchemardesques.

Utiliser les suggestions (blocs de code) dans GitHub

La fonctionnalité de suggestions de GitHub permet à l’auteur d’accepter une correction en un clic. C’est bien plus rapide que d’écrire « remplacez cette ligne par X » en toutes lettres.

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

# Author clicks 'Commit suggestion' to apply.

Savoir quand approuver

Approuvez lorsque : le code est correct, les tests réussissent, vous comprenez le changement et sa fusion ne présente pas de risque. Approuver signifie que vous assumez collectivement le résultat. N’approuvez pas machinalement : si vous n’avez pas lu le code, dites-le.

Vérification rapide

Quelle attitude est recommandée lorsque vous donnez un retour de revue de code sur un élément que vous auriez écrit différemment ?

Récapitulatif : bonnes pratiques pour les PR

Auteur : des PR courtes et bien décrites, avec des captures d’écran et des tests. Commencez par vous relire. Relecteur : des retours constructifs formulés sous forme de questions. Distinguez les blocages des détails mineurs. Valorisez les bons choix. Ignorez le style : laissez les outils s’en charger. Effectuez la revue dans la journée. N’approuvez que lorsque vous comprenez le changement. Les modèles de PR standardisent le processus. Les revues sont une collaboration, pas un contrôle d’accès.

Gratuit pour commencer

Apprends HTML avec un tuteur IA — gratuit

Écris et exécute du vrai code dans ton navigateur, obtiens de l'aide instantanée d'un tuteur IA disponible 24h/24, et reprends là où tu t'es arrêté sur le web ou dans l'app.

Cours
41
Leçons
163

Questions Fréquemment Posées

La leçon « Culture de la revue de code et bonnes pratiques des PR » est-elle gratuite ?

Oui — le texte complet de « Culture de la revue de code et bonnes pratiques des PR » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Frontend Academy, passe à CoddyKit PRO. Le cours Frontend Academy comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Culture de la revue de code et bonnes pratiques des PR » ?

Formulez des retours de revue de code constructifs et respectueux, rédigez des PR faciles à examiner et utilisez la revue comme outil de partage des connaissances plutôt que comme moyen de contrôle. Tu pratiques Frontend Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer Frontend Academy ?

Aucune expérience préalable n'est requise. Frontend Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 2 sur 4.

Combien de temps prend la leçon « Culture de la revue de code et bonnes pratiques des PR » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon Frontend Academy ?

Oui. Chaque leçon Frontend Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. Entretiens de conception de systèmes frontend
  2. Culture de la revue de code et bonnes pratiques des PR
  3. Mentorat et documentation technique
  4. Rester à jour : lire les spécifications et propositions
← Retour à Frontend Academy