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.
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 #1234Commencez 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.
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
- Entretiens de conception de systèmes frontend
- Culture de la revue de code et bonnes pratiques des PR
- Mentorat et documentation technique
- Rester à jour : lire les spécifications et propositions