El Futuro Stack de la Revisión de Código

Rate this content
Bookmark

De alguna manera, la revisión de código tenía los mismos chistes y proceso mientras el mundo del desarrollo de software cambiaba a diario. Únete a nosotros para aprender cómo adaptar este proceso a las pilas modernas y hacer de la revisión de código una fiesta de eficiencia.

This talk has been presented at JSNation 2023, check out the latest edition of this JavaScript Conference.

FAQ

Una revisión de código es un proceso donde los desarrolladores examinan el código fuente para detectar errores y mejorar la calidad. Es importante porque ayuda a mejorar la calidad del producto, fomenta la colaboración y mentoría entre desarrolladores y asegura que el software sea seguro y eficiente.

Desde 2016, el stack de software ha evolucionado de un servidor monolítico en Java a una arquitectura basada en microservicios, con implementaciones más frecuentes y una transición completa a la nube, permitiendo escalabilidad horizontal y actualizaciones más rápidas.

Gabriel propone automatizar partes del proceso de revisión de código, como el linting y el análisis estático, para reducir la carga en la revisión humana y centrarse en el 20% de las tareas que realmente requieren atención humana. Además, sugiere mejorar la colaboración y la comunicación dentro del equipo.

El principal desafío es que las revisiones de código pueden ser percibidas como un obstáculo para la velocidad de desarrollo, ya que involucran una tarea manual que puede ralentizar el proceso automatizado de CI/CD (Integración y Despliegue Continuos).

El rol del desarrollador ha evolucionado para abarcar múltiples lenguajes y plataformas, y con la ayuda de herramientas como Copilot de GitHub, los desarrolladores ahora se centran más en comprender la aplicación y el dominio en lugar de solo codificar en un lenguaje específico.

Permit.io es una startup que desarrolla un sistema que permite a los desarrolladores implementar autorización en sus sistemas rápidamente. Con solo unas pocas líneas de código, los desarrolladores pueden integrar un sistema de autorización completo en sus aplicaciones.

Gabriel sugiere utilizar herramientas automatizadas como ESLint para el linting y análisis estático, lo que puede prevenir errores antes de que el código llegue a revisión humana, mejorando así la eficiencia y reduciendo la carga de trabajo manual en las revisiones.

A pesar de la automatización, la sabiduría humana es crucial en las revisiones de código porque los humanos pueden entender el contexto y la lógica de negocio que las máquinas no pueden, lo que es esencial para tomar decisiones comerciales y mantener la calidad y seguridad del software.

Gabriel L. Manor
Gabriel L. Manor
22 min
05 Jun, 2023

Comments

Sign in or register to post your comment.

Video Summary and Transcription

La Charla discute los desafíos de las revisiones de código y la necesidad de redefinir el proceso de revisión de código a la luz de los cambios en el desarrollo de software. Enfatiza la importancia de la colaboración, la seguridad, el rendimiento y el código limpio en el nuevo stack de revisión de código. La Charla también destaca los beneficios de automatizar los comentarios de revisión de código y optimizar el proceso de revisión de código. En general, la Charla tiene como objetivo construir un mejor proceso de revisión de código que promueva la colaboración y mejore la calidad del desarrollo de software.
Available in English: The Future Stack of Code Review

1. El Revisor de Código Molesto

Short description:

Hoy quiero presentarte a la persona molesta en cada equipo a la que nadie quiere que haga una revisión de código. Siempre tienen comentarios que interrumpen el trabajo y arruinan tu mundo. Lidiar con 20 comentarios como 'Parece bien para mí' puede ser un problema.

Así que, hola, soy Gabriel y hoy quiero presentarte a una persona que todos conocemos porque existen en cualquier equipo, y esta es la persona molesta a la que nadie quiere dejar hacer una revisión de código, ¿verdad? La revisión de código siempre se ve mejor, tienen comentarios como 'No lo haría así', y luego se vuelve más personal, pero está bien porque el jefe les dice que interrumpe el trabajo, y luego se vuelve más largo y tiene todos esos comentarios que no significan nada y solo arruinan tu mundo, ¿verdad? Así es como funcionan las revisiones de código, y luego aprendes a hacer el LGTM. Parece bien para mí, pero el problema siempre es ponerlo como un problema. Así que tienes que lidiar con 20 comentarios como LGTM.

2. La Evolución de las Revisiones de Código

Short description:

Experimenté un problema similar con un revisor de código molesto en mi equipo. Después de años de evitar sus revisiones, comencé a reflexionar sobre cómo ha evolucionado el stack de software. Desde un servidor monolítico en Java hasta microservicios que se ejecutan en la nube, las herramientas y técnicas para las revisiones de código han permanecido iguales. Recurrí a Twitter en busca de opiniones y encontré ideas sobre mejoras, mentoría y calidad.

Entiendo tu problema porque también experimenté a una persona así en mi equipo. Y después de seis años conviviendo con esa persona a la que hago todo lo posible para evitar que revise mi código, comencé a reflexionar. Y eché un vistazo a cómo ha cambiado el stack de software a lo largo de los años. Comencé a trabajar en el mismo lugar en 2016. Solíamos tener un servidor monolítico en Java que resolvíamos como una máquina virtual junto con Oracle database. Hacíamos una escala vertical, es decir, instalábamos la misma imagen 50 veces y lanzábamos el software cada seis meses.

Luego nos mudamos a algunos microservicios en 2018. Creamos una puerta de enlace para cargar la pieza de software balanceada en lugar de un balanceador de carga de hardware. Avanzamos aún más en 2020. Teníamos microservicios en varios lenguajes. Estábamos completamente en la cloud. Hacíamos una escala horizontal y así sucesivamente. Ahora gastamos en microservicios cada semana. Enviamos nuestro software en minutos, pero las revisiones de código siguen siendo las mismas. Durante los últimos 20 años, las herramientas han permanecido iguales. Los comentarios siguen siendo los mismos. La forma en que las personas hacen revisiones de código, las técnicas que te dicen que debes hacer en las revisiones de código siguen siendo las mismas.

Y todo eso me parece extraño. Y cada vez que algo me parece extraño, recurro a Twitter. Sé que no es lo correcto, ir a Twitter y pedir opiniones a la gente. Pero así soy yo. Hice esa pregunta y realmente te recomiendo, hay un enlace a continuación para ver el tweet en sí. Realmente te recomiendo que vayas a ver qué respondió la gente, pero también echemos un vistazo aquí y veamos algunas palabras. Así que veamos aquí. Por ejemplo, Karen dijo que se trata de mejorar y eso es correcto. Queremos mejorar como desarrolladores. Queremos que nuestro producto mejore. Y por eso hacemos revisiones de código. Boris habla sobre la mentoría y llegaremos a eso más adelante. Vemos a Lia hablar sobre calidad y así sucesivamente.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Un Marco para Gestionar la Deuda Técnica
TechLead Conference 2023TechLead Conference 2023
35 min
Un Marco para Gestionar la Deuda Técnica
Top Content
Today's Talk discusses the importance of managing technical debt through refactoring practices, prioritization, and planning. Successful refactoring requires establishing guidelines, maintaining an inventory, and implementing a process. Celebrating success and ensuring resilience are key to building a strong refactoring culture. Visibility, support, and transparent communication are crucial for addressing technical debt effectively. The team's responsibilities, operating style, and availability should be transparent to product managers.
Depuración de JS
React Summit 2023React Summit 2023
24 min
Depuración de JS
Top Content
Debugging JavaScript is a crucial skill that is often overlooked in the industry. It is important to understand the problem, reproduce the issue, and identify the root cause. Having a variety of debugging tools and techniques, such as console methods and graphical debuggers, is beneficial. Replay is a time-traveling debugger for JavaScript that allows users to record and inspect bugs. It works with Redux, plain React, and even minified code with the help of source maps.
Construyendo un Asistente AI Activado por Voz con Javascript
JSNation 2023JSNation 2023
21 min
Construyendo un Asistente AI Activado por Voz con Javascript
Top Content
This Talk discusses building a voice-activated AI assistant using web APIs and JavaScript. It covers using the Web Speech API for speech recognition and the speech synthesis API for text to speech. The speaker demonstrates how to communicate with the Open AI API and handle the response. The Talk also explores enabling speech recognition and addressing the user. The speaker concludes by mentioning the possibility of creating a product out of the project and using Tauri for native desktop-like experiences.
Solucionando Problemas de Rendimiento en React
React Advanced Conference 2023React Advanced Conference 2023
22 min
Solucionando Problemas de Rendimiento en React
Top Content
This Talk discusses various strategies to improve React performance, including lazy loading iframes, analyzing and optimizing bundles, fixing barrel exports and tree shaking, removing dead code, and caching expensive computations. The speaker shares their experience in identifying and addressing performance issues in a real-world application. They also highlight the importance of regularly auditing webpack and bundle analyzers, using tools like Knip to find unused code, and contributing improvements to open source libraries.
Una Guía Práctica para Migrar a Componentes de Servidor
React Advanced Conference 2023React Advanced Conference 2023
28 min
Una Guía Práctica para Migrar a Componentes de Servidor
Top Content
React query version five is live and we'll be discussing the migration process to server components using Next.js and React Query. The process involves planning, preparing, and setting up server components, migrating pages, adding layouts, and moving components to the server. We'll also explore the benefits of server components such as reducing JavaScript shipping, enabling powerful caching, and leveraging the features of the app router. Additionally, we'll cover topics like handling authentication, rendering in server components, and the impact on server load and costs.
De Monolito a Micro-Frontends
React Advanced Conference 2022React Advanced Conference 2022
22 min
De Monolito a Micro-Frontends
Top Content
Microfrontends are considered as a solution to the problems of exponential growth, code duplication, and unclear ownership in older applications. Transitioning from a monolith to microfrontends involves decoupling the system and exploring options like a modular monolith. Microfrontends enable independent deployments and runtime composition, but there is a discussion about the alternative of keeping an integrated application composed at runtime. Choosing a composition model and a router are crucial decisions in the technical plan. The Strangler pattern and the reverse Strangler pattern are used to gradually replace parts of the monolith with the new application.

Workshops on related topic

Construye Aplicaciones Modernas Utilizando GraphQL y Javascript
Node Congress 2024Node Congress 2024
152 min
Construye Aplicaciones Modernas Utilizando GraphQL y Javascript
Featured Workshop
Emanuel Scirlet
Miguel Henriques
2 authors
Ven y aprende cómo puedes potenciar tus aplicaciones modernas y seguras utilizando GraphQL y Javascript. En este masterclass construiremos una API de GraphQL y demostraremos los beneficios del lenguaje de consulta para APIs y los casos de uso para los que es adecuado. Se requiere conocimiento básico de Javascript.
Construyendo una Aplicación de Shopify con React & Node
React Summit Remote Edition 2021React Summit Remote Edition 2021
87 min
Construyendo una Aplicación de Shopify con React & Node
Top Content
WorkshopFree
Jennifer Gray
Hanna Chen
2 authors
Los comerciantes de Shopify tienen un conjunto diverso de necesidades, y los desarrolladores tienen una oportunidad única para satisfacer esas necesidades construyendo aplicaciones. Construir una aplicación puede ser un trabajo duro, pero Shopify ha creado un conjunto de herramientas y recursos para ayudarte a construir una experiencia de aplicación sin problemas lo más rápido posible. Obtén experiencia práctica construyendo una aplicación integrada de Shopify utilizando el CLI de la aplicación Shopify, Polaris y Shopify App Bridge.Te mostraremos cómo crear una aplicación que acceda a la información de una tienda de desarrollo y pueda ejecutarse en tu entorno local.
Construye una sala de chat con Appwrite y React
JSNation 2022JSNation 2022
41 min
Construye una sala de chat con Appwrite y React
WorkshopFree
Wess Cope
Wess Cope
Las API/Backends son difíciles y necesitamos websockets. Utilizarás VS Code como tu editor, Parcel.js, Chakra-ui, React, React Icons y Appwrite. Al final de este masterclass, tendrás los conocimientos para construir una aplicación en tiempo real utilizando Appwrite y sin necesidad de desarrollar una API. ¡Sigue los pasos y tendrás una increíble aplicación de chat para presumir!
Problemas difíciles de GraphQL en Shopify
GraphQL Galaxy 2021GraphQL Galaxy 2021
164 min
Problemas difíciles de GraphQL en Shopify
WorkshopFree
Rebecca Friedman
Jonathan Baker
Alex Ackerman
Théo Ben Hassen
 Greg MacWilliam
5 authors
En Shopify a gran escala, resolvemos algunos problemas bastante difíciles. En este masterclass, cinco oradores diferentes describirán algunos de los desafíos que hemos enfrentado y cómo los hemos superado.

Tabla de contenidos:
1 - El infame problema "N+1": Jonathan Baker - Vamos a hablar sobre qué es, por qué es un problema y cómo Shopify lo maneja a gran escala en varios APIs de GraphQL.
2 - Contextualizando APIs de GraphQL: Alex Ackerman - Cómo y por qué decidimos usar directivas. Compartiré qué son las directivas, qué directivas están disponibles de forma predeterminada y cómo crear directivas personalizadas.
3 - Consultas de GraphQL más rápidas para clientes móviles: Theo Ben Hassen - A medida que tu aplicación móvil crece, también lo harán tus consultas de GraphQL. En esta charla, repasaré diversas estrategias para hacer que tus consultas sean más rápidas y efectivas.
4 - Construyendo el producto del futuro hoy: Greg MacWilliam - Cómo Shopify adopta las características futuras en el código actual.
5 - Gestión efectiva de APIs grandes: Rebecca Friedman - Tenemos miles de desarrolladores en Shopify. Veamos cómo estamos asegurando la calidad y consistencia de nuestras APIs de GraphQL con tantos colaboradores.
De 0 a Autenticación en una Hora para tu Aplicación JavaScript
JSNation 2023JSNation 2023
57 min
De 0 a Autenticación en una Hora para tu Aplicación JavaScript
WorkshopFree
Asaf Shen
Asaf Shen
La autenticación sin contraseña puede parecer compleja, pero es fácil de agregar a cualquier aplicación utilizando la herramienta adecuada.
Mejoraremos una aplicación JS de pila completa (backend Node.js + frontend Vanilla JS) para autenticar usuarios con contraseñas de un solo uso (correo electrónico) y OAuth, incluyendo:
- Autenticación de usuario: Gestión de interacciones de usuario, devolución de JWT de sesión / actualización- Gestión y validación de sesiones: Almacenamiento seguro de la sesión para solicitudes posteriores del cliente, validación / actualización de sesiones
Al final del masterclass, también abordaremos otro enfoque para la autenticación de código utilizando Flujos de Descope en el frontend (flujos de arrastrar y soltar), manteniendo solo la validación de sesión en el backend. Con esto, también mostraremos lo fácil que es habilitar la biometría y otros métodos de autenticación sin contraseña.