React Summit US 2025

Una masterclass integral diseñada específicamente para desarrolladores de React listos para convertirse en ingenieros de AI. Aprende cómo tus habilidades existentes de React—pensamiento en componentes, gestión de estado, manejo de efectos y optimización del rendimiento—se traducen directamente en la construcción de aplicaciones de AI sofisticadas. Cubriremos todo el stack: integración de API de AI, respuestas en streaming, manejo de errores, persistencia de estado con Supabase y despliegue con Vercel.Traducción de habilidades:- Ciclo de vida de componentes → Ciclo de vida de conversación de AI- Gestión de estado → Gestión de contexto y memoria de AI- Manejo de efectos → Streaming de respuestas de AI y efectos secundarios- Optimización del rendimiento → Caché de AI y optimización de solicitudes- Patrones de prueba → Estrategias de prueba de interacción de AILo que construirás: Una herramienta completa de gestión de proyectos impulsada por AI que muestra patrones de integración de AI a nivel empresarial.

En este masterclass, guiaré a los participantes a través de un proceso para construir aplicaciones full-stack usando Cursor. Cubriremos la configuración de workflows de Cursor, incluyendo reglas, comandos y modos personalizados, para agilizar el desarrollo. Usaremos Cursor para redactar PRDs, esquemas de base de datos, etc., y un simple SOW. Convertiremos notas en listas de verificación accionables para guiar la construcción, conectando el front end, API y base de datos.Además, crearemos workflows para depuración, pruebas, revisión y corrección de la aplicación mientras reducimos alucinaciones con prompts precisos. La sesión también incluirá un workflow de revisión de seguridad y técnicas para aplicar prompts para lograr un diseño de UI moderno. Los asistentes se irán con una aplicación funcional en su máquina y un proceso de desarrollo reutilizable.

Únete a nosotros para aprender cómo construir tu propia interfaz similar a Zapier en días, no meses. Descubre cómo ahorrar más de 1,000 horas de diseño y codificación desde el principio, construyendo una interfaz de editor de flujo de trabajo compleja desde cero. Personalízala para la orquestación de AI, automatizaciones, visualización de procesos empresariales y otras necesidades de flujo de trabajo del mundo real. Workflow Builder SDK está diseñado para desplegar rápidamente interfaces de flujo de nodos que te permiten adaptar propiedades, diseños e interacciones para satisfacer flujos de trabajo empresariales únicos. Conéctalo con cualquier backend y reduce la dependencia de N8N, Make o Zapier para tus propias necesidades de automatización.Agenda y puntos clave:Explorar herramientas de diagramación: Entender y comparar bibliotecas para construir interfaces de usuario de diagramas en React. Analizamos las fortalezas, compensaciones y mejores casos de uso (Web/Canvas/SVG/DOM).Práctico: Workflow Builder SDK: Construir una interfaz de editor de flujo de trabajo de AI del mundo real usando nuestro SDK y la base de React Flow.Arquitectura Plug & play: Implementar las características principales de un editor moderno:Nodos y bordes personalizadosGestión de estado y soporte de arrastrar y soltarAuto-layout, minimapa y controles de zoomBarra lateral de edición de propiedadesMejorando la experiencia del usuario (UX): Aprende cómo mejorar la usabilidad y el atractivo visual. Usaremos Overflow - Componentes de UI de código abierto para agilizar el desarrollo y mantener el enfoque puramente en la lógica empresarial.

En este masterclass, exploraremos las últimas características de React: Server Components, Server Functions y forms. Descubre cómo optimizar el server-side rendering, construir experiencias de usuario fluidas con React Suspense y Transitions, y mejorar la interactividad de la aplicación con Server Functions y los nuevos hooks de React 19.
Diseñado para desarrolladores de todos los niveles, este masterclass proporciona habilidades prácticas para construir aplicaciones web escalables y de alto rendimiento.

Esta masterclass explora cómo aprovechar las herramientas impulsadas por AI de Sentry (Seer, MCP y Agent Monitoring) para optimizar la depuración, el monitoreo de errores y la observabilidad en aplicaciones full-stack. Guía a los participantes a través de Configurar Sentry desde ceroInstrumentar errores, registros y trazasUsar las características de Sentry AI para detectar y remediar problemas de manera más eficienteEsta masterclass es beneficiosa para ingenieros de software, SREs, practicantes de DevOps y líderes de ingeniería que desean mejorar la observabilidad, reducir el tiempo de resolución y explorar el uso de AI para asistir en la depuración en sistemas de producción.

Este masterclass práctico explora cómo transformar componentes de React en Web Components basados en estándares, desbloqueando la capacidad de compartir elementos de UI a través de aplicaciones de Angular, Vue, Svelte, e incluso JavaScript puro. Mientras que frameworks como Angular y Vue ofrecen soporte nativo para este tipo de interoperabilidad, React no lo hace, al menos, no de forma predeterminada.Desmitificaremos cómo lograr resultados similares en React utilizando patrones y herramientas compatibles. A través de codificación en vivo y ejercicios guiados, aprenderás cómo cerrar la brecha entre React y el estándar de Web Components para promover la verdadera reutilización de componentes, reducir la duplicación y simplificar la integración en micro frontends y sistemas de diseño. Los participantes se irán con técnicas prácticas, conocimiento de herramientas y estrategias del mundo real que pueden aplicar inmediatamente a sus propios proyectos.

 Esta masterclass te guiará a través de la construcción de una aplicación web moderna de pila completa usando RedwoodSDK y React Server Components. Como desarrollador frontend, aprenderás cómo aprovechar los últimos patrones de React para abordar el desarrollo de pila completa con confianza. La masterclass cubre la construcción de componentes renderizados en el servidor, trabajar con bases de datos, implementar autenticación y desplegar una aplicación del mundo real. RedwoodSDK simplifica la transición del frontend al desarrollo de pila completa, brindándote las herramientas para crear aplicaciones web modernas y de alto rendimiento.

AG Charts es una biblioteca de gráficos de JavaScript, creada por AG Grid, que puedes usar para crear visualizaciones de datos hermosas y atractivas en React, con una API simple, intuitiva y flexible.Lo que aprenderás: En esta masterclass, aprenderás cómo comenzar con AG Charts para crear visualizaciones simples usando AG Charts Community, así como visualizaciones más complejas usando AG Charts Enterprise. Usaremos conjuntos de datos interesantes para crear visualizaciones utilizando diferentes tipos de gráficos, incluidos mapas, medidores, embudos y más.Para quién es esto: Esta masterclass es perfecta para cualquiera que busque agregar visualización de datos a sus aplicaciones de React, sin la sobrecarga de bibliotecas como D3.

¿Alguna vez has querido construir una aplicación de UI generativa como V0 donde simplemente le das un prompt y crea una interfaz completa para ti? Pues construyamos eso con el poder de Server Driven UIs y AI. Caminaremos a través de lo fácil que Server Driven UI hace la creación de una aplicación de UI generativa. ¡Todo el tiempo estaremos aprovechando las APIs de React 19 para hacer esta aplicación de UI generativa lo más eficiente posible!