Código Claude Avanzado — Flujos de Trabajo de Producción, Subagentes y Ejecución Autónoma

certificate
Recording and certification are available to Multipass and Full ticket holders only
Please login if you have one.
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

La mayoría de los desarrolladores que utilizan herramientas de codificación de IA se topan con el mismo muro en proyectos reales: las demostraciones parecen mágicas, pero el trabajo de producción se desmorona. Esta masterclass muestra por qué y qué hacer al respecto.

La lección principal: la ejecución es rápida y barata solo cuando la preparación es profunda.

Lo que construiremos, en vivo

Desde un directorio vacío hasta una aplicación de producción desplegada: una aplicación móvil de Conference Companion App con el programa del evento, perfiles de oradores, búsqueda y favoritos. Los asistentes la abrirán en sus teléfonos antes de que termine la sesión.


Las cuatro etapas de envío con IA

Verás un flujo de trabajo de producción completo, deliberadamente orientado hacia el trabajo que realmente determina la calidad:

- Investigación — Reunir todo lo que la IA necesitará de antemano: documentación oficial, patrones de código, datos reales. Para el momento de la ejecución, no hay que buscar nada. De aquí proviene la calidad.

- Planificación — Dividir la aplicación en tareas claras con criterios de aceptación, escritos en vivo. Saltarse esto es la razón por la que la mayoría de las construcciones de IA fallan.

- Ejecución — Diez tareas ejecutándose en paralelo a través de git worktrees, orquestadas por Navigator (un plugin de Claude Code) en una pila de React/Next.js. Código y documentación escritos juntos.

- Revisión y Envío — Puertas de calidad (pruebas, lint, tipos, compilación), commits limpios, fusión, despliegue en Vercel. URL en vivo compartida con la sala.


Bonus: Humano + Claude Code vs. agente completamente autónomo

Mientras la construcción en vivo se ejecuta, Pilot — nuestro agente de codificación autónomo — construye la misma aplicación a partir de la misma especificación, por su cuenta, en un repositorio separado. Al final, abrimos ambos lado a lado: dos aplicaciones funcionales, dos historiales de pull request, dos URLs en vivo. Una impulsada por humanos, otra completamente autónoma.


Te irás con

Un flujo de trabajo repetible para enviar software real con Claude Code, además de técnicas concretas que puedes aplicar a tus propios proyectos el lunes por la mañana.

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

Aleksei Petrov
Aleksei Petrov
227 min
30 Jun, 2026

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Alex, Cloud Code Ambassador, cofundador de QuantFlow Studio, demostró el envío de una aplicación de Next.js utilizando Cloud Code, el plugin Navigator y Pilot. La masterclass se centró en preparar a usuarios experimentados de Cloud Code con herramientas como sub-agentes, habilidades personalizadas, modo bucle, grafo de conocimiento, Git work trees y puertas de auto-fusión. Los temas cubiertos incluyen la construcción de una aplicación de Conference Companion App, la personalización de características de Navigator, la investigación de aplicaciones y la integración de diseño en la nube, el despliegue, la selección de pila tecnológica, la optimización del flujo de trabajo, la exploración automatizada de código, la refactorización de código, el refinamiento del flujo de trabajo, la gestión de problemas, el seguimiento de versiones de React y la automatización de problemas. La masterclass también profundizó en la gestión de work-tree, la implementación de sistemas de diseño, la calidad de la documentación, la planificación de la ejecución, la visión general de la herramienta Pilot, el flujo de trabajo de ejecución, el manejo de problemas, el desarrollo autónomo, la resolución de problemas, la verificación de lógica, las verificaciones de la base de código y la finalización del despliegue.
Video transcription and chapters available for users with access.

Watch more workshops on topic

Llevando tu aplicación web a nativa con Capacitor
JSNation 2023JSNation 2023
111 min
Llevando tu aplicación web a nativa con Capacitor
WorkshopFree
Mike Hartington
Mike Hartington
Entonces, tienes una increíble aplicación web que has construido y quieres llevarla de tu navegador web a la App Store. Seguro, hay muchas opciones aquí, pero la mayoría requerirá que mantengas aplicaciones separadas para cada plataforma. Quieres que tu código base sea lo más cercano posible en la Web, Android e iOS. Afortunadamente, con Capacitor, puedes tomar tu aplicación web existente y crear rápidamente aplicaciones nativas para iOS y Android para distribuir en tu App Store favorita.
Contenido: Este masterclass está dirigido a desarrolladores principiantes que tienen una aplicación web existente o están interesados en el desarrollo móvil. Repasaremos:- ¿Qué es Capacitor?- ¿Cómo se compara con otras soluciones multiplataforma?- Usando Capacitor para construir una aplicación nativa utilizando tu código web existente- Organizando nuestra aplicación para su distribución en tiendas de aplicaciones móviles con convenciones de nombres, iconos, pantallas de inicio y más
Masterclass práctico con SwiftUI, GraphQL y Neo4j AuraDB
GraphQL Galaxy 2022GraphQL Galaxy 2022
156 min
Masterclass práctico con SwiftUI, GraphQL y Neo4j AuraDB
Workshop
William Lyon
William Lyon
Aplica el poder de los grafos al desarrollo de aplicaciones móviles iOS en este masterclass práctico. Exploraremos cómo utilizar la biblioteca Neo4j GraphQL para construir APIs de GraphQL respaldadas por Neo4j AuraDB y cómo integrar GraphQL en una aplicación iOS utilizando SwiftUI y la biblioteca Apollo iOS GraphQL mientras construimos una aplicación móvil de lectura de noticias.
Tabla de contenidos:- Introducción a Neo4j AuraDB- Construcción de APIs de GraphQL con la biblioteca Neo4j GraphQL- Introducción a SwiftUI- SwiftUI + GraphQL
Requisitos previosPara seguir el masterclass, los asistentes necesitarán una computadora Mac con una versión reciente de Xcode instalada. Será útil tener cierta familiaridad con Swift y el desarrollo de aplicaciones iOS, aunque no es necesario.
Llevando tu aplicación web de React a nativa con Capacitor
React Summit 2022React Summit 2022
92 min
Llevando tu aplicación web de React a nativa con Capacitor
Workshop
Mike Hartington
Mike Hartington
Entonces, tienes una increíble aplicación de React que has construido y quieres llevarla de tu navegador web a la App Store. Seguro, hay muchas opciones aquí, pero la mayoría requerirá que mantengas aplicaciones separadas para cada plataforma. Quieres que tu base de código sea lo más cercana posible en la Web, Android e iOS. Afortunadamente, con Capacitor, ¡puedes tomar tu aplicación web existente y crear rápidamente aplicaciones nativas para iOS y Android para distribuirlas en tu App Store favorita!
Este masterclass está dirigido a desarrolladores intermedios que tienen una aplicación de React existente o están interesados en el desarrollo móvil con React. Repasaremos:
¿Qué es Capacitor?¿Cómo se compara con otras soluciones multiplataforma?Usando Capacitor para construir una aplicación nativa utilizando tu código web existenteMejorando nuestra aplicación para su distribución en las tiendas de aplicaciones móviles con convenciones de nombres, iconos, pantallas de inicio y más.
Claude Code Avanzado — Flujos de Trabajo de Producción, Subagentes y Ejecución Autónoma
React Summit 2026React Summit 2026
207 min
Claude Code Avanzado — Flujos de Trabajo de Producción, Subagentes y Ejecución Autónoma
Workshop
Aleksei Petrov
Aleksei Petrov
La mayoría de los desarrolladores que utilizan herramientas de codificación AI chocan con la misma pared en proyectos reales: las demostraciones parecen mágicas, pero el trabajo de producción se desmorona. Esta masterclass muestra por qué, y qué hacer al respecto.La lección principal: la ejecución es rápida y barata solo cuando la preparación es profunda.Lo que construiremos, en vivoDesde un directorio vacío hasta una aplicación de producción desplegada: una aplicación móvil primero de Conference Companion App con el horario del evento, perfiles de oradores, búsqueda y favoritos. Los asistentes la abrirán en sus teléfonos antes de que termine la sesión.
Las cuatro etapas de envío con AIVerás un flujo de trabajo de producción completo, deliberadamente ponderado hacia el trabajo que realmente determina la calidad:- Investigación — Reuniendo todo lo que la AI necesitará por adelantado: documentos oficiales, patrones de código, datos reales. Para el momento de la ejecución, no hay que buscar nada. De aquí proviene la calidad.- Planificación — Dividiendo la aplicación en tareas claras con criterios de aceptación, escritos en vivo. Saltarse esto es la razón por la que la mayoría de las construcciones AI fallan.- Ejecución — Diez tareas ejecutándose en paralelo a través de git worktrees, orquestadas por Navigator (un plugin de Claude Code) en una pila de React/Next.js. Código y documentos escritos juntos.- Revisión y Envío — Puertas de calidad (pruebas, lint, tipos, construcción), commits limpios, fusión, despliegue en Vercel. URL en vivo compartida con la sala.
Bonus: Humano + Claude Code vs. agente completamente autónomoMientras la construcción en vivo se ejecuta, Pilot — nuestro agente de codificación autónomo — construye la misma aplicación a partir de la misma especificación, por su cuenta, en un repositorio separado. Al final, abrimos ambos lado a lado: dos aplicaciones funcionales, dos historiales de pull request, dos URLs en vivo. Una dirigida por humanos, otra completamente autónoma.
Te irás conUn flujo de trabajo repetible para enviar software real con Claude Code, además de técnicas concretas que puedes aplicar a tus propios proyectos el lunes por la mañana.

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

Construyendo una Aplicación Móvil con Expo, EAS y React Native
React Summit Remote Edition 2021React Summit Remote Edition 2021
35 min
Construyendo una Aplicación Móvil con Expo, EAS y React Native
Top Content
This talk provides an overview of building React Native apps with Expo and Xcode. It covers Expo managed projects, XO, Turtle, customizing runtime, Expo Development Client, and EAS. The talk also mentions the advantages of Expo Updates, the focus on a customizable runtime, and adding native libraries. Favorite React Native apps and libraries are recommended, and the future goals include enhancing performance and improving the development experience through EAS.
Desarrollo de aplicaciones ilimitadas con Expo y React Native
React Advanced 2021React Advanced 2021
27 min
Desarrollo de aplicaciones ilimitadas con Expo y React Native
Today's Talk discussed building cross-platform apps with React Native and Expo, addressing challenges such as setting up the native runtime and managing dependencies. Expo provides a pre-built runtime, native APIs, fast iteration speed, and integrated cloud services. EAS build simplifies app deployment by handling native code signing and validation. Over-the-air updates allow instant updates to JS and assets. Custom native code can be added using auto-linking and config plugins, and Expo supports both Managed and Bare workflows.
Cómo compartir código entre una aplicación web de React y una aplicación móvil de React Native en Monorepo
React Summit 2022React Summit 2022
7 min
Cómo compartir código entre una aplicación web de React y una aplicación móvil de React Native en Monorepo
This presentation focuses on sharing code between React web and React native mobile apps. The speaker demonstrates how to achieve feature parity using a Monorepo with NX. They highlight the importance of sharing non-UI code, such as business logic and state management, through shared libraries. This approach allows the apps to focus on UI code while keeping non-UI code separate. For more details, refer to the speaker's blog post.
Arquitectura de React Native en Product Hunt
React Summit Remote Edition 2021React Summit Remote Edition 2021
18 min
Arquitectura de React Native en Product Hunt
The speaker discusses their React Native architecture and how they structured their app, choosing React Native over native development due to limited resources and the need for UI experimentation. The architecture consists of support, components, and screens, with a focus on code organization and extensibility. The speaker explains the screen creation process, including the use of React Native Navigation and a state machine pattern. They also highlight the use of GraphQL for data retrieval and navigation between screens. The talk covers the structure of common components, utilities for styling, and support for dark mode. Overall, the speaker emphasizes the importance of isolating dependencies and utilizing a directory structure approach.
¡La Nueva Arquitectura Está Aquí... ¿Y Ahora Qué?
React Advanced 2022React Advanced 2022
22 min
¡La Nueva Arquitectura Está Aquí... ¿Y Ahora Qué?
The Talk discusses the new architecture in React Native, highlighting its benefits such as native interoperability, concurrency, faster startup, better memory management, and improved code quality. The migration process to the new architecture involves refactoring, codegen, and extending native interfaces. Challenges include typing, configuration, and migrating third-party libraries. React 18 introduces automatic batching and compatibility with the new architecture. Microsoft is expanding React Native to target desktop platforms and has a dedicated open-source tooling repository. The Talk emphasizes the importance of open-source contribution and setting healthy boundaries.
Construcción de módulos nativos C++ / JSI para React Native en 2024
React Summit US 2024React Summit US 2024
17 min
Construcción de módulos nativos C++ / JSI para React Native en 2024
In this talk, the speaker discusses the process of building C++ native modules for React Native. They explain that native modules allow for tighter platform integration and access to platform-independent performance code, but come with trade-offs such as increased build times and potential issues with crashes and package dependencies. The speaker clarifies the differences between the old and new architecture of React Native, highlighting the introduction of the JavaScript interface (JSI) and its benefits. They also explore alternative React Native architecture options, including TurboNativeModules and LegacyNativeModules. The speaker discusses the challenges of working with legacy native modules and the benefits of using NitroModules and pre-building native code. They conclude with recommendations for using Nitro modules, pre-building, and utilizing a compiler cache to optimize build times.