Orquestación de IA Full-Stack: Agentes Modulares, Observabilidad y el Edge

This ad is not shown to multipass and full ticket holders
React Summit
React Summit 2026
June 11 - 15, 2026
Amsterdam & Online
The biggest React conference worldwide
Learn More
In partnership with Focus Reactive
Upcoming event
React Summit 2026
React Summit 2026
June 11 - 15, 2026. Amsterdam & Online
Learn more
Bookmark
Rate this content

La IA empresarial es un problema de orquestación. Necesitamos sistemas que sean modulares, observables y escalables, desde nuestros centros de datos centrales hasta el edge. Esta sesión es un recorrido arquitectónico de cómo LangGraph.js proporciona el "pegamento" para conectar estos patrones empresariales modernos en un entorno TypeScript/Node.js.

Comenzaremos enmarcando el agente de IA como un "Monolito Modular", un servicio único y desplegable construido a partir de componentes basados en gráficos y testeables. Esta estructura gráfica explícita no es solo para la lógica; hace de la Observabilidad un Ciudadano de Primera Clase, permitiéndonos rastrear el razonamiento cíclico del agente en producción.

A continuación, desplegaremos este agente como un Backend-for-Frontend (BFF) inteligente, empoderando nuestras aplicaciones full-stack con orquestación con estado. Finalmente, abordaremos la próxima frontera: Arquitectura para el Edge. Exploraremos patrones para gestionar el estado persistente del agente en un entorno híbrido, permitiendo que nuestra IA funcione en cualquier lugar.

Esta masterclass es para el arquitecto e ingeniero que necesita construir y escalar aplicaciones de IA de grado empresarial en el mundo real.

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

Jamal Sinclair O'Garro
Jamal Sinclair O'Garro
32 min
17 Nov, 2025

Comments

Sign in or register to post your comment.
Video Summary and Transcription
La charla profundiza en la inteligencia artificial, el aprendizaje profundo y los sistemas agénticos, enfatizando los desafíos e importancia de construir sistemas de IA confiables. Propone un stack empresarial moderno para sistemas de IA resilientes y escalables, discutiendo el uso de arquitectura modular, lógica de agentes y herramientas de observabilidad. La sesión explora los beneficios de la lógica de agentes iterativa, mejoras de escalabilidad y gestión eficiente de modelos. Además, muestra aplicaciones prácticas en la verificación de estadísticas deportivas y estimación de probabilidades de playoffs, mientras destaca la importancia del rendimiento del sistema, la optimización de la eficiencia y la robustez en operaciones a gran escala.

1. Introducción a la Inteligencia Artificial

Short description:

¡Bienvenidos a Nueva York! Soy Jamal O'Garro, un ingeniero en Netflix. Hablemos sobre inteligencia artificial y su relevancia para los ingenieros de JavaScript. Los sistemas de IA son software que razonan y realizan acciones. La inteligencia artificial abarca el aprendizaje automático como un subconjunto.

Así que bienvenidos a Nueva York, si están aquí desde Nueva York. Así que comencemos con la charla. Gracias por venir a unirse. Mi nombre es Jamal O'Garro. Soy un ingeniero en Netflix, actualmente en la organización de la plataforma de datos, trabajando en el equipo de la plataforma de experimentación. Así que cualquier prueba de experimentación A-B a la que puedan ser asignados aleatoriamente, soy el equipo que básicamente hace que eso suceda. He estado en algunos equipos en Netflix. He estado en ingeniería de infraestructura, ingeniería de plataformas, ciencia de datos e ingeniería, y ahora estoy en la plataforma de datos. He estado allí por un poco menos de cuatro años, así que he visto bastante de la empresa. Antes de unirme, básicamente pasé toda mi carrera trabajando en finanzas, principalmente construyendo estrategias y software de trading algorítmico y trading sistemático. No muy lejos de aquí en JC. Más personal sobre mí, soy un fanático del hip hop, un fanático de las zapatillas, soy fanático de los Yankees, Giants, Rangers, y un fanático acérrimo de los Knicks. Vamos, Knicks. La primera foto es mía en la cima de la oficina de Netflix en Los Ángeles. La segunda es mía en la cima de un volcán en Hawái, representando a los Knicks. Así que se pone real.

Muy bien. Así que vamos a preparar el escenario para esta charla. Principalmente estamos aquí para hablar sobre inteligencia artificial, como la gran cosa que está sucediendo ahora mismo. Todo es IA, IA en todas partes. Y nosotros, como ingenieros de JavaScript, probablemente estemos en uno de los mejores lugares para comenzar a integrar parte de esta experiencia a los usuarios. Y me di cuenta de que mi pantalla está parpadeando un poco. Veamos si puedo arreglar eso. Así que disculpas. Muy bien. Así que voy a dar un poco de contexto sobre qué es la IA para nuestros propósitos. Aquí hay una definición literal de libro de texto, pero no estamos aquí para leer definiciones de libros de texto. Vamos a decir que para nuestros propósitos, un sistema de IA es básicamente solo un software que sabe cómo razonar y realizar algún tipo de acción dentro de un sistema. Y si damos un paso atrás y vemos cuáles son las principales áreas de la inteligencia artificial, vemos que es un campo bastante amplio, ¿verdad? Que contiene el aprendizaje automático como un subconjunto.

2. Exploring Deep Learning and Agents

Short description:

Nos adentramos en el aprendizaje profundo con redes neuronales artificiales y la arquitectura transformer. El artículo de Google Attention is All You Need condujo a modelos de lenguaje grandes como Chachi, BTE. Los agentes, software inteligente, interpretan el lenguaje, interactúan con APIs, bases de datos, utilizan modelos de lenguaje grandes y tienen estados compartidos como memoria y herramientas para tareas específicas.

Que contiene el aprendizaje automático como un subconjunto. Básicamente estamos tratando de tomar datos y hacer que nuestros programas aprendan de esos datos. Y si profundizamos un poco más, nos vamos a centrar aquí en nuestra charla en el aprendizaje profundo, donde tienes esta construcción muy agradable que puedes haber oído o visto, llamada red neuronal artificial, que se parece a un árbol de la vida si lo volteas de una manera, dependiendo de en qué tipo de cosas estés fuera del trabajo. O es básicamente solo un algoritmo simple que básicamente toma entradas y hace un muy buen trabajo entrenando estas cosas aquí, llamadas estas capas ocultas, para tratar de encontrar formas óptimas de aproximar algún tipo de función. Eso es realmente bueno para predecir datos, clasificar, clasificar algún tipo de datos u objetivo. Y a lo largo de los años, hubo un cambio en esa arquitectura llamada transformer.

Creo que algunas personas en Google publicaron un artículo llamado Attention is All You Need, donde añadieron algunos trucos bastante interesantes y ingeniosos a la arquitectura para básicamente crear este tipo de estructura que es realmente buena para realizar predicciones y análisis secuenciales, básicamente. Y resultó que era realmente buena para predecir grandes secuencias de texto a partir de un corpus muy grande. Y lo que hizo fue dar a luz a todos estos geniales modelos de lenguaje grandes como Chachi, BTE, Grok, DeepC, Claude, Gemini, que probablemente todos estamos usando hoy y tratando de averiguar cómo podemos integrarlos dentro de nuestros sistemas de producción. Creo que la historia divertida aquí es que Google publicó el artículo, pero OpenAI lo implementó primero. Y tuvieron la ventaja del primer movimiento para lanzar Chachi, BTE y abrir las compuertas. Así que miramos hacia atrás en el espectro de LLM, ¿dónde se sitúan? Básicamente se sitúan aquí como un subconjunto del aprendizaje profundo, ¿verdad?

Es un caso de uso muy específico. Así que ahora hablemos un poco más sobre los agentes, en los que nos vamos a centrar hoy. Y básicamente para nuestros propósitos, un agente es simplemente una pieza de software inteligente que sabe cómo interpretar el lenguaje natural. Puede tomar decisiones. Puede hacer cosas como interactuar con API, consultar una base de datos, obtener contexto de un usuario, tener una conversación completa y en vivo, como probablemente veas dentro de Chachi, BTE. Típicamente, como están construidos usando otros modelos de lenguaje grandes. También pueden ser construidos a partir de otros agentes. Así que vamos a hablar de eso hoy. Como cómo construyes un agente de agentes que puede estar compuesto de muchos modelos de lenguaje grandes diferentes que pueden desempeñar lo mejor, que es la mejor herramienta para el trabajo. Algunas de las principales capacidades que obtienes son la capacidad de llamar herramientas. Así que las herramientas son como habilidades simples, como habilidades especiales que puedes dar a un agente o modelo de lenguaje grande. Así que piensa en llamar a una API, consultar una base de datos, ¿verdad? Simplemente sabe cómo hacer eso y hacerlo bien.

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

Componentes de Full Stack
Remix Conf Europe 2022Remix Conf Europe 2022
37 min
Componentes de Full Stack
Top Content
RemixConf EU discussed full stack components and their benefits, such as marrying the backend and UI in the same file. The talk demonstrated the implementation of a combo box with search functionality using Remix and the Downshift library. It also highlighted the ease of creating resource routes in Remix and the importance of code organization and maintainability in full stack components. The speaker expressed gratitude towards the audience and discussed the future of Remix, including its acquisition by Shopify and the potential for collaboration with Hydrogen.
RedwoodJS: El marco de aplicación React Full-Stack de tus sueños
React Summit Remote Edition 2021React Summit Remote Edition 2021
43 min
RedwoodJS: El marco de aplicación React Full-Stack de tus sueños
Top Content
Redwood JS is a full stack React app framework that simplifies development and testing. It uses a directory structure to organize code and provides easy data fetching with cells. Redwood eliminates boilerplate and integrates Jest and Storybook. It supports pre-rendering and provides solutions for authentication and deployment. Redwood is a cross-client framework that allows for building web and mobile applications without duplicating work.
Patrones de Arquitectura Remix
Remix Conf Europe 2022Remix Conf Europe 2022
23 min
Patrones de Arquitectura Remix
Top Content
This Talk introduces the Remix architecture patterns for web applications, with over 50% of participants using Remix professionally. The migration from single page applications to Remix involves step-by-step refactoring and offers flexibility in deployment options. Scalability can be achieved by distributing the database layer and implementing application caching. The backend for frontend pattern simplifies data fetching, and Remix provides real-time capabilities for collaborative features through WebSocket servers and Server-SendEvents.
Pensando Como un Arquitecto
React Summit 2025React Summit 2025
32 min
Pensando Como un Arquitecto
Top ContentPremium
Modern software development shift towards developers involves more complex architecture decisions with trade-offs and long-term consequences. 11 tips learned from diverse projects and roles. Focus on decentralization, avoid technology-first approach, and consider context for great architecture. Understanding the holistic approach to architecture. Linking architecture to culture and structure. Importance of aligning decisions with business needs using techniques like event storming and domain storytelling. Netflix's core domain focuses on content accessibility and tailored user experience. Supporting domains like personalization ensure usability even during downtime. Payment methods, a generic domain, are essential for subscription. Adapting boundaries and architectural characteristics is crucial for evolving businesses. Define evolving core domains and adapt characteristics accordingly. Select key architectural characteristics for system design. Consider different availability needs for various subdomains like core and generic. Latency varies based on functions; strict for finance, flexible for integration. Understand and apply specific characteristics to subdomains for optimal system performance. Understand the need for different approaches in system design. Consider availability requirements for active architecture. Evaluate decisions impacting software design and technology. Modularize workload at code or code-infrastructure level. Consider context in choosing between monoliths and microservices. Adapt system modularity based on context and team structure. Consider modularity based on system requirements. Be pragmatic in architectural decisions. Utilize event-driven architecture in distributed systems. Leverage infrastructure for efficient service stitching and delivery. Adapt to changing system characteristics for scalability and efficiency. Consider cost implications of shifting from event-based to cron job. Design software for evolution, embracing changes and tradeoffs for user-focused systems. Create a sociotechnical system balancing long-term vision and immediate needs with a lean mindset. Embrace an iterative approach to software development, understanding the domain, consumers, and the system. Master communication skills for architects by focusing on communication, inclusion, and documentation. Translate technology reasons into business benefits to effectively communicate with various stakeholders. Change language to match audience, share reasoning effectively. Involve others in decision-making for better understanding and solutions. Master architectural decision records and architecture as code. Utilize written communication for API changes, involve all voices. Sequence diagrams aid team understanding; master architecture as code. Focus on key aspects, prioritize effectively to avoid distractions.
Full-stack JS hoy: Fastify, GraphQL y React
React Summit 2022React Summit 2022
25 min
Full-stack JS hoy: Fastify, GraphQL y React
The Talk discusses building a modern full stack application with JavaScript and GraphQL, emphasizing the importance of prioritizing the critical 20% of challenges. It highlights the benefits of building a productive and transparent tech stack with modularity and developer-friendly tools. The use of PostGrey as a relational database and Fastify as a server framework is recommended. The Talk also explores the advantages of using Mercurius and Urql for GraphQL implementation. Additionally, it mentions the use of React, SSR, and Fastify Vite for full-stack SSR and modular components. The Talk concludes by mentioning the advantages of this stack for complex functionality and the possibility of using Fastify in a serverless infrastructure.
Remixando tu Stack en un Espacio de Trabajo Monorepo
Remix Conf Europe 2022Remix Conf Europe 2022
22 min
Remixando tu Stack en un Espacio de Trabajo Monorepo
Let's talk about remixing our stack in a Monorepo workspace, which allows for incremental migration and is suitable for transitioning from a Next.js app to a remix stack. Refactoring may be required for feature-specific and Next.js-coupled components, but the process is simplified because the features have already been moved out. Configuring the Monorepo to reference packages locally and linking them to the Next.js application is necessary. Nx provides benefits like fast refreshing, pre-configured setups, and features like local and remote caching.

Workshops on related topic

Webinar gratuito: Construyendo aplicaciones Full Stack con Cursor
Productivity Conf for Devs and Tech LeadersProductivity Conf for Devs and Tech Leaders
71 min
Webinar gratuito: Construyendo aplicaciones Full Stack con Cursor
Top Content
WorkshopFree
Mike Mikula
Mike Mikula
Para asistir al webinar, por favor regístrate aquí.En este webinar cubriré un proceso repetible sobre cómo iniciar aplicaciones Full Stack en Cursor. Espera entender técnicas como usar GPT para crear requisitos de producto, esquemas de base de datos, hojas de ruta y usar esos en notas para generar listas de verificación que guíen el desarrollo de la aplicación. Profundizaremos más en cómo corregir alucinaciones/errores que ocurren, indicaciones útiles para hacer que tu aplicación se vea y se sienta moderna, enfoques para conectar cada capa y más. Al final, ¡espera poder ejecutar tu propia aplicación Full Stack generada por IA en tu máquina!
Desarrollando Blogs Dinámicos con SvelteKit & Storyblok: Una Masterclass Práctica
JSNation 2023JSNation 2023
174 min
Desarrollando Blogs Dinámicos con SvelteKit & Storyblok: Una Masterclass Práctica
Top Content
WorkshopFree
Alba Silvente Fuentes
Roberto Butti
2 authors
Esta masterclass de SvelteKit explora la integración de servicios de terceros, como Storyblok, en un proyecto SvelteKit. Los participantes aprenderán cómo crear un proyecto SvelteKit, aprovechar los componentes de Svelte y conectarse a APIs externas. La masterclass cubre conceptos importantes incluyendo SSR, CSR, generación de sitios estáticos y despliegue de la aplicación usando adaptadores. Al final de la masterclass, los asistentes tendrán una sólida comprensión de la construcción de aplicaciones SvelteKit con integraciones de API y estarán preparados para el despliegue.
Masterclass de GraphQL en la Nube con Neo4j Aura, Next.js y Vercel
GraphQL Galaxy 2021GraphQL Galaxy 2021
161 min
Masterclass de GraphQL en la Nube con Neo4j Aura, Next.js y Vercel
Workshop
William Lyon
William Lyon
En este masterclass construiremos y desplegaremos una aplicación de GraphQL de pila completa utilizando Next.js, Neo4j y Vercel. Utilizando un grafo de conocimiento de artículos de noticias, primero construiremos una API de GraphQL utilizando las rutas de API de Next.js y la Biblioteca de GraphQL de Neo4j. A continuación, nos enfocaremos en el front-end, explorando cómo utilizar GraphQL para la obtención de datos con una aplicación de Next.js. Por último, exploraremos cómo agregar personalización y recomendación de contenido en nuestra API de GraphQL para servir artículos relevantes a nuestros usuarios, luego desplegaremos nuestra aplicación en la nube utilizando Vercel y Neo4j Aura.

Tabla de contenidos:
- Visión general de Next.js y cómo empezar con Next.js
- Rutas de API con Next.js y construcción de una API de GraphQL
- Utilizando la Biblioteca de GraphQL de Neo4j
- Trabajando con Apollo Client y obtención de datos de GraphQL en Next.js
- Despliegue con Vercel y Neo4j Aura
El Viaje Desde el Desarrollo Frontend con React al Desarrollo Fullstack con Next.js
React Advanced 2024React Advanced 2024
143 min
El Viaje Desde el Desarrollo Frontend con React al Desarrollo Fullstack con Next.js
Workshop
Eric Burel
Eric Burel
Únete a nosotros en el viaje desde el desarrollo frontend con React al desarrollo fullstack con Next.js. Durante esta masterclass, seguiremos el tutorial oficial de Next.js Learn con Eric Burel, entrenador profesional y autor de NextPatterns.dev. Juntos, configuraremos un sitio web con Next.js y exploraremos sus características del lado del servidor para construir aplicaciones de alto rendimiento.
- Introducción: descubriendo Next.js y su filosofía centrada en el servidor- Creación de un sitio web multipágina perfectamente optimizado- Entendiendo las capacidades de renderizado del lado del servidor de Next.js- Conclusión: cómo Next.js te empodera como desarrollador de React
Construyendo aplicaciones GraphQL de pila completa con Hasura y Vue 3
Vue.js London Live 2021Vue.js London Live 2021
115 min
Construyendo aplicaciones GraphQL de pila completa con Hasura y Vue 3
Workshop
Gavin Ray
Gavin Ray
El ecosistema frontend avanza a un ritmo frenético. Este masterclass tiene como objetivo equipar a los participantes con una comprensión del estado del ecosistema Vue 3 + GraphQL, explorando ese ecosistema - prácticamente y a través del desarrollo de aplicaciones de pila completa.

Tabla de contenidos
- Los participantes utilizarán Hasura para construir una API GraphQL en tiempo real respaldada por Postgres. Juntos recorreremos su consumo desde un frontend y haremos que el frontend sea reactivo, suscrito a los cambios de datos.
- Además, analizaremos las herramientas comúnmente utilizadas en el stack Vue GraphQL (como Apollo Client y Urql), discutiremos algunas alternativas menos conocidas y abordaremos los problemas frecuentemente encontrados al comenzar.
- Se describirán varios patrones para gestionar datos con estado y sus compensaciones durante el masterclass, y se mostrará una implementación básica para cada patrón discutido.
Nivel del masterclass

NOTA: No se requiere experiencia previa con GraphQL, pero puede ser útil para ayudar a la comprensión. Se cubrirán los fundamentos.