La Generación Rápida de Código es Fácil. El Cambio Seguro a Nivel de Sistema No lo Es.

This ad is not shown to multipass and full ticket holders
React Summit US
React Summit US 2026
November 17 - 20, 2026
New York, US & Online
Upcoming event
React Summit US 2026
React Summit US 2026
November 17 - 20, 2026. New York, US & Online
Bookmark
Rate this content
Sentry
Promoted
Code breaks, fix it faster

Crashes, slowdowns, regressions in prod. Seer by Sentry unifies traces, replays, errors, profiles to find root causes fast.

Get started

Las herramientas de codificación de AI son buenas para escribir diferencias locales, pero aún pierden la verdad a nivel de repositorio. En grandes bases de código de TypeScript y JavaScript, eso significa exportaciones muertas, lógica duplicada, violaciones de límites accidentales y aumento de complejidad después de cada "pequeño" refactor de AI. En esta masterclass, mostraré un flujo de trabajo práctico para trabajar con grandes bases de código usando AI: dejar que el agente genere, ejecutar un análisis determinista de la base de código, retroalimentar los hallazgos a través de CLI/MCP y controlar la deriva en CI antes de que aterrice. Fallow es el estudio de caso, pero el flujo de trabajo se aplica más allá de una herramienta.

This talk has been presented at AI Coding Summit London, check out the latest edition of this Tech Conference.

Bart Waardenburg
Bart Waardenburg
16 min
06 Jul, 2026

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Charla sobre los desafíos de ingeniería de software con agentes de AI y la integridad de la base de código, enfatizando la entrada humana en los procesos de desarrollo y la necesidad de herramientas de aseguramiento de calidad automatizadas. Importancia de las herramientas deterministas para detectar problemas durante las operaciones del agente, destacando la rápida generación de problemas de mantenibilidad por parte de los agentes y la necesidad de un ciclo de retroalimentación más rápido en el aseguramiento de la calidad del código. Importancia de los archivos de reglas y verificaciones deterministas para la integridad de la base de código, enfatizando la necesidad de hacer cumplir las reglas a través de herramientas y ganchos. Fellow como un analizador de base de código rápido y determinista que asegura la calidad del código verificando cambios y complejidades dentro del ciclo. La flexibilidad de TypeScript y JavaScript, Fellow combinando herramientas especializadas para verificaciones de consistencia basadas en código, y la importancia del ciclo en el proceso de desarrollo. La interacción del agente con el portero, resolviendo problemas, y el proceso de identificar y abordar inconsistencias de código a través de auditorías y acciones. Utilizar herramientas como KNIP y JS CPD mejora la calidad del código al detectar código muerto y abordar la duplicación de manera eficiente, lo que lleva a ciclos de retroalimentación más rápidos y procesos de escritura de código mejorados.

1. Challenges with AI Agents in Codebase

Short description:

Charla sobre los desafíos de la ingeniería de software con agentes de IA y la integridad de la base de código, enfatizando la entrada humana en los procesos de desarrollo y la necesidad de herramientas automatizadas de aseguramiento de calidad.

Hace dos años, la pregunta era ¿pueden los agentes escribir código? Hoy, la pregunta es ¿puede tu base de código sobrevivir a ellos? Esta charla trata sobre la segunda pregunta. Mi nombre es Bart. He pasado los últimos 15 años como ingeniero de software en una variedad de roles, y para ser completamente honesto, también soy el tipo que construyó Fellow, la herramienta que mencionaré un par de veces esta noche.

Para mí, la pregunta interesante ha cambiado. Conseguir que un agente produzca un div funcional está básicamente resuelto. La parte difícil es mantener una base de código grande coherente mientras los agentes vierten código en ella más rápido de lo que nosotros mismos lo hacíamos. ¿Recuerdas cuando discutíamos sobre tabs versus espacios? Eso parece que fue hace una eternidad. La velocidad con la que los LLMs generan código cambia mi trabajo. Quiero describir los resultados del usuario y dedicar mi tiempo al comportamiento del producto. Casos extremos y compensaciones.

Las conversaciones que aún necesitan un humano. Y lo que no quiero es cuidar al agente con las mismas instrucciones de calidad en cada solicitud. Evitar duplicaciones, limpiar exportaciones no utilizadas, mantener la complejidad baja, escribir pruebas que signifiquen algo. Esas reglas deberían ser parte del sistema, no parte de mi solicitud. Así que este es el flujo de trabajo del que trata esta charla. El desarrollador describe la intención, el agente cambia el código, la cadena de herramientas local detecta desviaciones de calidad, y el humano revisa salidas, evidencias y compensaciones. Vamos a recorrerlo.

Este es el tipo de solicitud que realmente quiero escribir. Se trata del usuario, se trata del comportamiento, da criterios de aceptación, y deja la puerta abierta para preguntas cuando el comportamiento del producto es ambiguo. Observa lo que falta. Nada sobre cómo estructurar la implementación. No extraer el hook, no tocar el archivo barrel, no cometer errores en mayúsculas. El agente debería inspeccionar la base de código y el flujo de pago, en este caso, averiguar cómo ya funciona el formato de dinero, hacer el cambio y ejecutar las verificaciones.

2. Maintaining Code Quality with Agents

Short description:

La importancia de las herramientas determinísticas para detectar problemas durante las operaciones de los agentes, destacando la rápida generación de problemas de mantenibilidad por parte de los agentes y la necesidad de un ciclo de retroalimentación más rápido en el aseguramiento de la calidad del código.

El sistema de calidad debería detectar problemas durante el ciclo del agente, automáticamente, cada vez. Ahí es donde entran las herramientas determinísticas, porque los agentes usualmente tomarán el camino más corto hacia un comportamiento funcional, y eso es útil, pero en un repositorio grande, también es como comienzan los problemas. El agente está tratando de satisfacer las solicitudes. Honestamente, eso es lo que hace cada nuevo empleado también.

Para nuestro futuro de ahorros, por ejemplo, la implementación funcional más rápida podría ser escribir un formato de dinero o directamente en el componente de checkout, o agregar una condición más a un componente que ya era una declaración if crítica, o importar desde cualquier archivo que tenga un nombre prometedor, incluso si ese archivo pertenece a un servidor local de node y contiene secretos del lado del servidor. Y aquí está la parte incómoda. La demo se ve genial. Los usuarios utilizan sus ahorros, el PR está en verde, todos aplauden, pero mientras tanto, la base de código empeoró un poco, y nadie lo notó porque cada cambio individual parece perfectamente aceptable.

Y este no es un problema nuevo. La investigación sobre la calidad del código ha estudiado olores, complejidad y mantenibilidad durante años, y sigue llegando a la misma conclusión. Estos problemas generan errores. Los agentes generan la misma categoría de problemas de mantenibilidad. Solo que los generan mucho más. Solo que los generan mucho, mucho más rápido. Así que el ciclo de retroalimentación tiene que ser más rápido también. Mantén este ejemplo de checkout en mente. Por cierto, vamos a ver este cambio exacto de nuevo más tarde, atrapado in fraganti por nuestras herramientas.

QnA

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

Escalando Rápido – Lecciones de Ingeniería de ~15 Años de Startups Tecnológicas
React Advanced 2024React Advanced 2024
27 min
Escalando Rápido – Lecciones de Ingeniería de ~15 Años de Startups Tecnológicas
Hey, we'll discuss scaling fast and engineering lessons learned in the last 15 years of tech startups. Scaling involves three things: business, team, and tech. Business scalability relies on sales and customer acquisition costs. Engineering is a tool the business uses. Scaling the team is vital as tech problems are often people problems. Team structure affects architecture and product development process. Organize teams based on purpose, not technology. Spend less time being blocked by other teams. Ship features without getting blocked. Own your own mess. Focus on product engineering partnership. Build faster using feedback cycles. Build appropriate solutions for your use case. Let go of ego and experiment with different approaches. Engineers own their own mess. Avoid work in progress. Finish the work and focus on fixing it later. Have a conversation before writing code. Scaling the tech is easier than you think. Pick an off the shelf design. Save innovation for core parts. Pick existing solutions. Focus on solving the problem. Don't waste time trying to predict future scale. Scale will surprise you. Do what works for your business. Push back on unnecessary complexity. Understand the cost of ideas. Modify the situation to fit existing design. Architecture is like a dependency graph on your code. Reduce architectural complexity by organizing code based on what it does. Use vertical models and avoid creating excessive dependencies. On the client, use vertical modules. On the back end, consider a service-oriented architecture. Start with a monolith and transition to microservices if necessary. Use folders instead of microservices when you have a small team. Use vertical models and contract or type-driven development to define clear APIs and interfaces. Avoid highly interconnected code and duplication. Focus on data structures to avoid complexity and the need for translation layers. Building translation layers can lead to slow user experience. Vertical teams aligned with vertical code allow for fast problem-solving, full control of features, and efficient data handling. Understanding the entire domain enables faster development with fewer bugs.
Cómo automatizar cambios de código para 100 repositorios: Introducción a los Codemods
React Day Berlin 2022React Day Berlin 2022
28 min
Cómo automatizar cambios de código para 100 repositorios: Introducción a los Codemods
This Talk discusses automating code changes for Android repositories, utilizing tools like JSCodeShift and Abstract Syntax Tree. The speaker shares a real use case example of maintaining a design system library and making changes to a component. The talk emphasizes the importance of automating repetitive tasks and using the power of abstract syntax tree for code changes. The Q&A session covers topics like source code formatting, TypeScript support, and cultural embedding of code mods. The talk concludes with insights on when automation is worth it and the limitations of code mods for monorepo changes.
Arquitectura de código de próxima generación para construir aplicaciones de Node mantenibles
Node Congress 2023Node Congress 2023
30 min
Arquitectura de código de próxima generación para construir aplicaciones de Node mantenibles
Today's Talk focused on code architecture, modularization, and scaling in software development. The speaker discussed the benefits of separating code by domain and using tools like NX to improve productivity and enforce modular architecture. They also highlighted the importance of automating library creation and configuration. Additionally, the Talk covered code scaling and deployment strategies, including caching and automated code migrations. The speaker emphasized the flexibility and scalability of Fastify and the advantages of using a monorepo for front-end and back-end development.
Sub Agent Context Sharing: Cómo habilitar subagentes efectivos para codificación
AI Coding Summit 2025AI Coding Summit 2025
15 min
Sub Agent Context Sharing: Cómo habilitar subagentes efectivos para codificación
Cloud Code introduced sub-agent feature for better performance. Understanding the sub-agent concept and its role. Challenges of sub-agents in direct implementation. Parent agents' limited visibility. Efficient context management with MD files for sub-agents' tasks and reports boosting Cloud Code performance. Guidelines for creating useful sub-agents with specific MCP tools. Utilizing TweakScene MCP for scene design reference and defining rules for sub-agent tasks. Setting goals, output format, and rules for sub-agents. Building a chat GPT replica with chat.cn UI and Versatile AIS. Integration with VerCell AI SDK for seamless implementation.
El Futuro Stack de la Revisión de Código
JSNation 2023JSNation 2023
22 min
El Futuro Stack de la Revisión de Código
The Talk discusses the challenges of code reviews and the need to redefine the code review process in light of changes in software development. It emphasizes the importance of collaboration, security, performance, and clean code in the new stack of code review. The Talk also highlights the benefits of automating code review comments and optimizing the code review process. Overall, the Talk aims to build a better code review process that promotes collaboration and improves the quality of software development.
Camino a Cero Fallos de Lint: Abordando Desafíos de Calidad de Código a Gran Escala
React Summit US 2023React Summit US 2023
11 min
Camino a Cero Fallos de Lint: Abordando Desafíos de Calidad de Código a Gran Escala
This Talk discusses the journey from thousands of Lint failures to zero in a codebase at Linton that is over 80 years old. The approach involved implementing rules, incentives, and tooling to address the issue. The tool called Checkup was used to visualize ESLint failures by team and lint rule, providing accountability and responsibility. The efforts resulted in cleaning up over 6,000 lint failures, with 55 contributors, and a 30% increase in perceived code quality.

Workshops on related topic

Desarrollando Aplicaciones Listas para Producción en Colaboración con Agentes de AI
React Summit 2025React Summit 2025
102 min
Desarrollando Aplicaciones Listas para Producción en Colaboración con Agentes de AI
Featured Workshop
Alex Shershebnev
Alex Shershebnev
Los asistentes de codificación ya están cambiando la forma en que desarrollamos código, y en varios años se espera que cambien completamente cómo los desarrolladores interactúan con el código y lo escriben. En esta masterclass, compartiré consejos y mejores prácticas sobre el uso de tales herramientas mientras desarrollamos la aplicación lista para producción con Zencoder.
Aporta Calidad y Seguridad al pipeline de CI/CD
DevOps.js Conf 2022DevOps.js Conf 2022
76 min
Aporta Calidad y Seguridad al pipeline de CI/CD
Workshop
Elena Vilchik
Elena Vilchik
En esta masterclass repasaremos todos los aspectos y etapas al integrar tu proyecto en el ecosistema de Calidad y Seguridad del Código. Tomaremos una aplicación web simple como punto de partida y crearemos un pipeline de CI que active el monitoreo de calidad del código. Realizaremos un ciclo completo de desarrollo, comenzando desde la codificación en el IDE y abriendo una Pull Request, y te mostraré cómo puedes controlar la calidad en esas etapas. Al final de la masterclass, estarás listo para habilitar esta integración en tus propios proyectos.
Revisión de Código Potenciada por IA
TechLead Conf Amsterdam 2026: Adopting AI in Orgs EditionTechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition
77 min
Revisión de Código Potenciada por IA
Workshop
Serhii Yakovenko
Serhii Yakovenko
Todas las organizaciones de ingeniería están experimentando con asistentes de codificación de IA, pero pocas han construido integraciones de LLM de grado de producción en su infraestructura principal de desarrollo. Tengo tal experiencia, y compartiré patrones reales de la implementación de un sistema de revisión de código potenciado por IA en una organización de ingeniería de más de 400 personas (~200 desarrolladores) — cubriendo una evaluación competitiva de 4 herramientas a través de 18 dimensiones, construyendo una arquitectura de revisión basada en webhook con comandos de barra y auto-revisión, evolucionando el enriquecimiento de contexto de reglas estáticas a selección de documentos potenciada por IA, gestionando una cadena de respaldo de 4 modelos en Vertex AI, y midiendo el impacto a través de un panel de retroalimentación. Los asistentes se irán con un manual probado en batalla para integrar LLMs en sus propios flujos de trabajo de ingeniería — no como juguetes sino como infraestructura de producción.

Estructura del Masterclass
1. El Cuello de Botella de la Revisión de Código a Escala
2. Evaluación de Herramientas — 4 Candidatos, 18 Dimensiones
3. Arquitectura — Servidor Webhook & Auto-Revisión
4. Enriquecimiento de Contexto — De Reglas de Ruta a Selección de Documentos por IA
5. Estrategia de Modelos — Migración & Cadena de Respaldo
6. Midiendo el Impacto — Panel de Retroalimentación