0Pricing
Frontend Academy · Lección

Cultura de revisión de código y buenas prácticas para PR

Proporcione comentarios constructivos y respetuosos en las revisiones de código, escriba PR fáciles de revisar y use la revisión como herramienta para compartir conocimientos, no como mecanismo de control.

Cultura de revisión de código y buenas prácticas para PR es una lección gratuita de Frontend Academy en CoddyKit. Esta es la lección 2 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Frontend Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Frontend Academy incluye 4 lecciones en total.

Revisar código es compartir conocimiento

La revisión de código no consiste en poner barreras: es la forma en que los equipos aprenden juntos, transfieren la responsabilidad y mantienen un alto nivel de calidad. Una buena cultura de revisión fortalece a todo el equipo; una mala crea cuellos de botella y resentimiento.

Cómo preparar una PR fácil de revisar

1) Manténgala pequeña (menos de 400 líneas, si es posible). 2) Escriba una descripción clara: motivo, qué cambia y cómo probarlo. 3) Enlace el ticket. 4) Añada capturas de pantalla o vídeos para los cambios de UI. 5) Revise su propio diff antes de solicitar revisores.

El título convencional de una PR

Use los mismos prefijos convencionales que en los commits: feat: add user profile page, fix: handle 404 in fetch wrapper, refactor: extract Avatar component. Muchos equipos generan registros de cambios a partir de ellos.

Plantilla para la descripción de una PR

La mayoría de los equipos usa una plantilla de PR; instálela en .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

Revise primero su propia PR

Antes de solicitar revisores, recorra su propio diff línea por línea. Añada comentarios que expliquen las decisiones que no sean obvias. A menudo detectará sus propios errores antes de que otra persona tenga que hacerlo.

Dividir cambios grandes

Una PR de 2000 líneas rara vez recibe una revisión exhaustiva. Divídala en: 1) refactorización (sin cambios de comportamiento), 2) comportamiento nuevo, 3) pulido de la UI. Cada parte será más fácil de revisar y revertir.

Dar comentarios constructivos

Formúlelos como preguntas, no como órdenes: «¿Qué le parece extraer esto a un hook?» es mejor que «extraiga esto». Diferencie lo que debe corregirse de lo que sería conveniente mejorar. Use prefijos: nit:, question:, blocker:.

Sea específico

«Esto es confuso» no le dice nada al autor. «Tuve que leer esto 3 veces para entender el retorno anticipado; ¿podríamos extraer una guard clause?» le da algo concreto sobre lo que actuar.

Elogie los buenos patrones

Comente positivamente las soluciones ingeniosas, los buenos nombres y las pruebas útiles. Esto fomenta esos patrones y suaviza el resto de los comentarios. Las PR que solo reciben críticas resultan hostiles.

No revise el estilo: las herramientas deben hacerlo

Prettier se encarga del formato. ESLint se encarga del estilo. No desperdicie ciclos de revisión debatiendo entre tabuladores y espacios. Si una regla de estilo aparece una y otra vez, codifíquela en el linter.

Revise las pruebas

Las pruebas también son código. Asegúrese de que el código nuevo tenga pruebas. Compruebe que realmente prueban lo correcto: muchas pruebas pasan aunque el código esté roto porque hacen aserciones sobre lo equivocado.

Revise como autor

Responda a todos los comentarios, aunque solo sea con un emoji de pulgar arriba. Cuestione las sugerencias con las que no esté de acuerdo (usted escribió el código; puede tener contexto). Marque los hilos resueltos como resueltos. Actualice la descripción de la PR si cambia el alcance.

Acote el tiempo de las revisiones

Revise en el plazo de un día laborable. Las PR obsoletas pierden contexto: el autor ha seguido adelante y la rama necesita un rebase. Las PR grandes que esperan una semana siempre se convierten en fusiones infernales.

Use sugerencias (bloques de código) en GitHub

La función de sugerencias de GitHub permite al autor aceptar una corrección con un solo clic. Es mucho más rápido que escribir «cambie esta línea por X» en prosa.

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

# Author clicks 'Commit suggestion' to apply.

Sepa cuándo aprobar

Apruebe cuando: el código sea correcto, las pruebas pasen, entienda el cambio y sea seguro fusionarlo. Aprobar significa que comparte la responsabilidad del resultado. No apruebe por inercia: si no lo ha leído, dígalo.

Comprobación rápida

¿Cuál es la actitud recomendada al dar comentarios de revisión de código sobre algo que usted escribiría de otra manera?

Recapitulación: buenas prácticas para las PR

Autor: PR pequeñas y bien descritas, con capturas de pantalla y pruebas. Revise primero su propia PR. Revisor: comentarios constructivos formulados como preguntas. Distinga entre blocker y nit. Elogie lo bueno. Omita el estilo: deje que las herramientas se encarguen. Revise en el plazo de un día. Apruebe solo cuando lo entienda. Las plantillas de PR estandarizan el proceso. Las revisiones son colaboración, no poner barreras.

Preguntas frecuentes

¿La lección «Cultura de revisión de código y buenas prácticas para PR» es gratis?

Sí — el texto completo de «Cultura de revisión de código y buenas prácticas para PR» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Frontend Academy, actualiza a CoddyKit PRO. El curso de Frontend Academy incluye 4 lecciones en total.

¿Qué aprenderé en «Cultura de revisión de código y buenas prácticas para PR»?

Proporcione comentarios constructivos y respetuosos en las revisiones de código, escriba PR fáciles de revisar y use la revisión como herramienta para compartir conocimientos, no como mecanismo de co… Practicas Frontend Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar Frontend Academy?

No se requiere experiencia previa. Frontend Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 4.

¿Cuánto tiempo toma la lección «Cultura de revisión de código y buenas prácticas para PR»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de Frontend Academy?

Sí. Cada lección de Frontend Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. Entrevistas de diseño de sistemas frontend
  2. Cultura de revisión de código y buenas prácticas para PR
  3. Mentoría y documentación técnica
  4. Mantenerse al día: lectura de especificaciones y propuestas
← Volver a Frontend Academy