Revisiones de Código React en Open Source: Asegurando Calidad y Colaboración

Rate this content
Bookmark

En esta charla rápida, exploraremos la importancia de las revisiones de código en proyectos de código abierto, específicamente dentro del ecosistema React. Discutiremos los beneficios de las revisiones de código para mantener la calidad del código, fomentar la colaboración y mantener los estándares del proyecto. Al enfatizar la retroalimentación efectiva, la comunicación respetuosa y el uso de herramientas relevantes, los participantes obtendrán conocimientos prácticos sobre cómo realizar

revisiones de código React impactantes. Únete a mí para aprender cómo las revisiones de código pueden mejorar el proceso de desarrollo, fomentar el intercambio de conocimientos y contribuir al éxito de los proyectos de código abierto en la comunidad React.

Patrick Odey
Patrick Odey
6 min
23 Oct, 2023

Comments

Sign in or register to post your comment.

Video Summary and Transcription

Open Source promueve la accesibilidad, inclusividad, colaboración, innovación, transparencia y confianza. Las revisiones de código son un proceso colaborativo en el desarrollo de software, con desafíos que incluyen barreras del idioma, cambios en la documentación y acumulación de revisiones. Las mejores prácticas para revisiones de código efectivas incluyen objetivos claros, centrarse en el código y usar herramientas de revisión de código. Los Linters son importantes para escanear problemas de código, y la medición del éxito en las revisiones de código se puede hacer usando métricas clave. Las revisiones de código React son cruciales para el éxito de los proyectos de código abierto.

Available in English

1. Introducción al Open Source y las Revisiones de Código

Short description:

Hola, soy Patrick O'Day, un Ingeniero de Relaciones con Desarrolladores en Storyblock. Hoy hablaré sobre las Revelaciones de Código de React en Open Source, Asegurando la Calidad y la Colaboración. Open Source se refiere a hacer el código de software disponible al público, promoviendo la accesibilidad, inclusividad, colaboración, innovación, transparencia y confianza.

Hola a todos, mi nombre es Patrick O'Day, soy un Ingeniero de Relaciones con Desarrolladores en Storyblock. Estoy realmente emocionado de hablar en la React Advanced Londres 2023. Hoy voy a estar hablando sobre las Revelaciones de Código de React en Open Source, Asegurando la Calidad y la Colaboración. Si me adentro en este tema, primero tenemos que entender qué es Open Source. Simplemente dicho, Open Source se refiere a un enfoque de desarrollo de software donde el código de un software se hace disponible al público. Básicamente, cuando tienes un software de código abierto, es libre de usar y las personas pueden elegir contribuir también al software. Ahora, como dato curioso, React es un proyecto de código abierto. ¿Cuál es la importancia del código abierto? Accessibility e inclusividad. Ahora, en un proyecto de código abierto, cualquiera puede contribuir independientemente de su género, raza o habilidades. Desarrollo colaborativo. En código abierto, fomentamos la colaboración, también la rápida innovation. Cuando estás codificando o contribuyendo a un software de código abierto, siempre encuentras innovation e ideas de otros colaboradores. Vemos transparencia y confianza. En las contribuciones de código abierto, siempre hay transparencia, porque puedes mirar el código y ver si hay algún código malicioso en él. Así que siempre hay confianza y transparencia.

2. Entendiendo las Revisiones de Código y las Mejores Prácticas

Short description:

La revisión de código es un proceso colaborativo en el desarrollo de software, donde uno o más desarrolladores evalúan el código fuente escrito por otro desarrollador. Los desafíos en las revisiones de código de código abierto incluyen barreras del idioma, cambios en la documentación y acumulación de revisiones. Las mejores prácticas para revisiones de código efectivas incluyen tener objetivos claros, centrarse en el código y aprovechar herramientas de revisión de código como los linters.

Ahora, hablemos de las revisiones de código. ¿Qué es la revisión de código? La revisión de código es un proceso colaborativo en el desarrollo de software, donde uno o más desarrolladores evalúan el código fuente escrito por otro desarrollador. Ahora, vamos a ver cómo funcionan las revisiones de código. El primer paso sería la presentación por parte del colaborador. Ahora, cuando el colaborador envía un código particular o un PR, siempre hay una solicitud de revisión por parte del revisor o el mantenedor de ese proyecto de código abierto. Ahora, esto pasaría por una evaluación, que devolvería comentarios al colaborador. Si es necesario, habrá una discusión, pero después de eso, aprobación, si todo va bien, entonces el código o el commit se fusiona en el repositorio real. Ahora, vamos a ver los desafíos en las revisiones de código de código abierto. El primero son las barreras del idioma. Ahora, esto es realmente común porque, en un proyecto de código abierto, tienes diferentes personas de diferentes partes del mundo con diferentes idiomas contribuyendo. Por lo tanto, la comunicación puede ser un problema. Documentation. Diferentes personas están comprometidas con un proyecto de código abierto en particular. Entonces, dado que son nuevas características, siempre hay cambios en la documentation. Y esto puede ser un problema para el equipo de documentation que gestiona un proyecto de código abierto en particular. Miremos la acumulación de revisiones. Esto va para los revisores porque hay muchos PRs que vienen con un proyecto de código abierto popular. Por ejemplo, en realidad tenemos muchos PRs allí que están siendo revisados por los revisores, y esto lleva mucho tiempo y puede ser un problema o dolor. Ahora, veamos las best practices para revisiones de código efectivas. La primera es tener objetivos claros. También es bueno o es importante definir los objetivos y las expectativas de la revisión de código, como encontrar errores o mejorar la code quality en esta revisión de sprint en particular. Revisar el código, no a la persona. Esto es muy importante porque tenemos que centrarnos en el código como revisor y no en el autor. Mantenemos la retroalimentación constructiva y también respetamos y enfatizamos en las mejoras en lugar de las críticas. Veamos el uso de herramientas de revisión de código. Es importante aprovechar las herramientas de revisión de código que agilizan el proceso facilitando el seguimiento de los cambios y la discusión. Veremos las herramientas en la siguiente diapositiva. Como pueden ver en el GIF aquí, ya lo saben porque la mayoría de ellos son

3. La Importancia de los Linters y Medir el Éxito

Short description:

Los linters escanean problemas de código como errores de sintaxis, violaciones de estilo y bugs. Plataformas de revisión de código como GitHub, GitLab y Bitbucket proporcionan herramientas de revisión de código incorporadas. Herramientas de integración continua como CI, CircleCI, Travis y Jenkins pueden ejecutar automáticamente pruebas en linters. El éxito en las revisiones de código de código abierto se puede medir utilizando KPIs o métricas clave. Un alto número de desarrolladores participando activamente en las revisiones de código conduce a un tiempo de finalización más corto. Las Revisiones de Código de React son cruciales para el éxito de los proyectos de código abierto. Únete a la revolución de la Revisión de Código de React hoy y crea magia.

o todos ellos son populares. El primero son los linters. El linter más popular que conozco es ESLint. ¿Cuál es el uso del linter? Los linters escanean problemas de código como errores de sintaxis, violaciones de estilo, y bugs potenciales. Podemos aprovechar el uso de plataformas de revisión de código como GitHub, GitLab, Bitbucket. Y estas herramientas proporcionan herramientas o características de revisión de código incorporadas y puedes integrar con otras herramientas. Para la integración continua, podemos aprovechar herramientas como CI, CircleCI, Travis y Jenkins, y esto puede ejecutar automáticamente pruebas en linters. Ahora, midiendo el éxito, ¿cómo medimos el éxito en las revisiones de código de open-source? Ahora puedes usar algunos KPIs o algunas métricas clave. Solo dejaré una aquí. Entonces, para la revisión de código y el tiempo de finalización, si tienes un alto número de desarrolladores participando activamente en una revisión de código, habrá un tiempo más corto para esa revisión de código en particular. Entonces, el mayor número de desarrolladores revisando un código en particular, mejor. Hagámoslo juntos. En resumen, las Revisiones de Código de React son la fuente que hace que los proyectos de código abierto prosperen. Entonces, ¿por qué esperar? Únete a la revolución de la Revisión de Código de React hoy. Creemos un poco de magia. Gracias.

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

Impact: Growing as an Engineer
React Summit 2022React Summit 2022
27 min
Impact: Growing as an Engineer
Top Content
Becoming a web engineer is not easy, but there are tons of resources out there to help you on your journey. But where do you go from there? What do you do to keep growing, and to keep expanding the value you bring to your company? In this talk we’ll look at the different kinds of impact you can have as a web engineer. We’ll walk through what it means to take on bigger, more complex projects, and how to scale yourself, and grow the community around you. By driving our own development we can all grow our impact, and in this talk, we’ll discuss how to go about this.
On Becoming a Tech Lead
TechLead Conference 2023TechLead Conference 2023
25 min
On Becoming a Tech Lead
Top Content
Tech lead sounds like a lot of work. And not the fun coding kind either. Why would you ever want that? What does it feel like when you get it?In this talk Swizec explains why he took the step towards technical leadership, how his priorities changed, and why it means he’s doing more engineering than ever. A whole new world where writing code is the easy part.
A Framework for Managing Technical Debt
TechLead Conference 2023TechLead Conference 2023
35 min
A Framework for Managing Technical Debt
Top Content
Let’s face it: technical debt is inevitable and rewriting your code every 6 months is not an option. Refactoring is a complex topic that doesn't have a one-size-fits-all solution. Frontend applications are particularly sensitive because of frequent requirements and user flows changes. New abstractions, updated patterns and cleaning up those old functions - it all sounds great on paper, but it often fails in practice: todos accumulate, tickets end up rotting in the backlog and legacy code crops up in every corner of your codebase. So a process of continuous refactoring is the only weapon you have against tech debt.In the past three years, I’ve been exploring different strategies and processes for refactoring code. In this talk I will describe the key components of a framework for tackling refactoring and I will share some of the learnings accumulated along the way. Hopefully, this will help you in your quest of improving the code quality of your codebases.

Principles for Scaling Frontend Application Development
React Summit 2023React Summit 2023
26 min
Principles for Scaling Frontend Application Development
Top Content
After spending over a decade at Google, and now as the CTO of Vercel, Malte Ubl is no stranger to being responsible for a team’s software infrastructure. However, being in charge of defining how people write software, and in turn, building the infrastructure that they’re using to write said software, presents significant challenges. This presentation by Malte Ubl will uncover the guiding principles to leading a large software infrastructure.
Fighting Technical Debt With Continuous Refactoring
React Day Berlin 2022React Day Berlin 2022
29 min
Fighting Technical Debt With Continuous Refactoring
Top Content
Let’s face it: technical debt is inevitable and rewriting your code every 6 months is not an option. Refactoring is a complex topic that doesn't have a one-size-fits-all solution. Frontend applications are particularly sensitive because of frequent requirements and user flows changes. New abstractions, updated patterns and cleaning up those old functions - it all sounds great on paper, but it often fails in practice: todos accumulate, tickets end up rotting in the backlog and legacy code crops up in every corner of your codebase. So a process of continuous refactoring is the only weapon you have against tech debt. In the past three years, I’ve been exploring different strategies and processes for refactoring code. In this talk I will describe the key components of a framework for tackling refactoring and I will share some of the learnings accumulated along the way. Hopefully, this will help you in your quest of improving the code quality of your codebases.
Effective Communication for Engineers
TechLead Conference 2023TechLead Conference 2023
36 min
Effective Communication for Engineers
Your communication skills affect your career prospects, the value you bring to your company, and the likelihood of your promotion. This session helps you communicate better in a variety of professional situations, including meetings, email messages, pitches, and presentations.

Workshops on related topic

Node.js: Landing your first Open Source contribution & how the Node.js project works
Node Congress 2023Node Congress 2023
85 min
Node.js: Landing your first Open Source contribution & how the Node.js project works
Workshop
 Claudio Wunder
Claudio Wunder
This workshop aims to give you an introductory module on the general aspects of Open Source. Follow Claudio Wunder from the OpenJS Foundation to guide you on how the governance model of Node.js work, how high-level decisions are made, and how to land your very first contribution. At the end of the workshop, you'll have a general understanding of all the kinds of work that the Node.js project does (From Bug triage to deciding the Next-10 years of Node.js) and how you can be part of the bigger picture of the JavaScript ecosystem.

The following technologies and soft skills might be needed):
  - Basic understanding of Git & GitHub interface
  - Professional/Intermediate English knowledge for communication and for allowing you to contribute to the Node.js org (As all contributions require communication within GitHub Issues/PRs)
  - The workshop requires you to have a computer (Otherwise, it becomes difficult to collaborate, but tablets are also OK) with an IDE setup, and we recommend VS Code and we recommend the GitHub Pull Requests & Issues Extension for collaborating with Issues and Pull Requests straight from the IDE.

The following themes will be covered during the workshop:
- A recap of some of GitHub UI features, such as GitHub projects and GitHub Issues
- We will cover the basics of Open Source and go through Open Source Guide
- We will recap Markdown
- We will cover Open Source governance and how the Node.js project works and talk about the OpenJS Foundation
  - Including all the ways one might contribute to the Node.js project and how their contributions can be valued
- During this Workshop, we will cover Issues from the nodejs/nodejs.dev as most of them are entry-level and do not require C++ or deep technical knowledge of Node.js.
  - Having that said, we still recommend enthusiast attendees that want to challenge themselves to "Good First Issues" from the nodejs/node (core repository) if they wish.
  - We're going to allow each attendee to choose an issue or to sit together with other attendees and tackle issues together with Pair Programming through VS Code Live Share feature
    - We can also do Zoom breakrooms for people that want to collaborate together
  - Claudio will be there to give support to all attendees and, of course, answer any questions regarding Issues and technical challenges they might face
  - The technologies used within nodejs/nodejs.dev are React/JSX, Markdown, MDX and Gatsby. (No need any knowledge of Gatsby, as most of the issues are platform agnostic)
- By the end of the Workshop, we'll collect all (make a list) the contributors who successfully opened a Pull Request (even if it's a draft) and recognise their participation on Social media.
Bring Code Quality and Security to your CI/CD pipeline
DevOps.js Conf 2022DevOps.js Conf 2022
76 min
Bring Code Quality and Security to your CI/CD pipeline
WorkshopFree
Elena Vilchik
Elena Vilchik
In this workshop we will go through all the aspects and stages when integrating your project into Code Quality and Security Ecosystem. We will take a simple web-application as a starting point and create a CI pipeline triggering code quality monitoring for it. We will do a full development cycle starting from coding in the IDE and opening a Pull Request and I will show you how you can control the quality at those stages. At the end of the workshop you will be ready to enable such integration for your own projects.
How To Design A Sustainable Freelance/Contracting Career
Node Congress 2022Node Congress 2022
39 min
How To Design A Sustainable Freelance/Contracting Career
WorkshopFree
Shane Ketterman
Alexander Weekes
2 authors
Ready to kickstart your freelance career or just getting started on your freelance journey? You’re in the right spot. Learn the tricks of the trade from the industry’s most experienced freelancers.
The independent talent movement is the future of work. If you’re considering leaving full-time employment for a career as a freelancer, now is the time to find your successful space in the independent talent workforce. More people are working freelance today than ever before, with the freelance marketplace now contributing $1.2 trillion to the US economy. Some of the most in-demand roles for freelancers right now are senior developers with professional experience in React, Python, Blockchain, QA, and Node.js.
This workshop will help you design a sustainable and profitable full-time (or part-time) freelancing/contracting career. We will give you tools, tips, best practices, and help you avoid common pitfalls.
Designing A Sustainable Freelance Career
React Advanced Conference 2021React Advanced Conference 2021
145 min
Designing A Sustainable Freelance Career
WorkshopFree
Alexander Weekes
Rodrigo Donini
2 authors
Would you like to pursue your passions and have more control over your career? Would you like schedule and location flexibility and project variety? Would you like the stability of working full-time and getting paid consistently? Thousands of companies have embraced remote work and realize that they have access to a global talent pool. This is advantageous for anyone who has considered or is currently considering freelance work.>> Submit your interest on becoming a freelance engineer with Toptal and get a call with Talent Acquisition specialist <<

Freelancing is no longer an unstable career choice.

This workshop will help you design a sustainable and profitable full-time (or part-time) freelancing career. We will give you tools, tips, best practices, and help you avoid common pitfalls.
Table of contents

Module 1: Dispelling common myths about freelancing
Module 2: What does freelancing look like in 2021 and beyond
Module 3: Freelancing choices and what to look for (and what to avoid)
Module 4: Benefits of freelancing from a freelancer + case study
BREAK
Module 6: How to get started freelancing (experience, resume, preparation)
Module 7: Common paths to full-time freelancing
Module 8: Essentials: setting your rate and getting work
Module 9: Next steps: networking with peers, upskilling, changing the world
Module 10: Freelancer AMA