React Summit 2026

En esta masterclass de pruebas de React, intercambiaremos estrategias de prueba frágiles por una receta de pruebas que realmente resista la presión. Si tu estrategia actual se siente como sobras recalentadas — mocks que te impiden refactorizar, pruebas end-to-end inestables, o lanzamientos de último minuto servidos crudos — es hora de afilar tus cuchillos. Iremos al mercado por ingredientes frescos como Vitest, Testronaut, Fakes, y Object Mothers.
Luego, de vuelta en la cocina, prepararemos pruebas de bajo mantenimiento y alta confianza que se mantengan firmes a través de refactorizaciones y migraciones. Sin dogmas, sin balas de plata — solo técnicas prácticas y probadas en batalla para ayudarte a cocinar con confianza.

Durante el último año, la inteligencia de los modelos se ha disparado y las herramientas de agentes han mejorado significativamente. Sin embargo, todavía hay una brecha: la mayoría de los agentes de IA no tienen la experiencia procedimental y específica del dominio necesaria para realizar trabajos reales dentro de productos reales, especialmente en aplicaciones de React, donde un pequeño cambio de comportamiento se convierte en regresiones visibles para el usuario.

En esta masterclass, mostraré cómo aprovechar Agent Skills cambia la forma en que construyes características de IA en React: desde el ajuste de prompts hasta el envío de guías empaquetadas, recursos y scripts que convierten un agente de propósito general en uno específico para el producto a través del protocolo de Agent Skills. Mostraré una forma práctica de hacer esto en aplicaciones de React sin cambiar tus frameworks actuales o LLM, con evaluaciones y versionado en su lugar para prevenir regresiones.

A medida que las aplicaciones de React avanzan hacia sistemas en tiempo real — transmisión de datos, flujos de trabajo de IA, dispositivos de hardware — la complejidad asíncrona crece rápidamente. Los reducers y los manejadores asíncronos dispersos a menudo funcionan al principio, pero una vez que la concurrencia y las interrupciones del ciclo de vida entran en escena, las cosas comienzan a fallar de maneras sutiles.
En esta masterclass práctica, tomaremos una configuración asíncrona frágil de React y la rediseñaremos en una arquitectura determinista impulsada por máquinas de estados. El objetivo no es enseñar una biblioteca específica, sino mostrar cómo el modelado explícito de estados hace que los sistemas complejos sean más fáciles de razonar y más confiables en producción.

Dirige el código. No solo lo escribas.El panorama del desarrollo está cambiando de la codificación manual a la orquestación de sistemas. Ya sea que seas un ingeniero de React experimentado buscando multiplicar por 10 tu producción o un creador orientado al producto que busca convertir un prototipo en una aplicación funcional, esta masterclass es tu puerta de entrada al desarrollo nativo de IA.Únete a nosotros en una masterclass práctica de 4 horas donde construiremos una aplicación fullstack rica en características desde cero usando Cursor Composer. Omitimos el código repetitivo y nos enfocamos en los flujos de trabajo exactos utilizados para enviar características de alta calidad en minutos, no días.Lo que DominarásOrquestación de IA: Avanza más allá del autocompletado simple para gestionar cambios en múltiples archivos y lógica de aplicaciones complejas.El Framework .cursorrules: Aprende cómo hacer cumplir los estándares del proyecto y prevenir "alucinaciones" de IA para un código consistente y profesional.Andamiaje Fullstack Rápido: Genera esquemas de base de datos seguros por tipo y lógica de backend al instante.Iteración de UI de Alta Fidelidad: Transforma indicaciones en interfaces pulidas y responsivas usando CSS moderno y bibliotecas de componentes.Endurecimiento y Refactorización: Usa IA para cazar errores, limpiar código "espagueti" y generar suites de pruebas completas.El ProyectoConstruiremos una aplicación web moderna y basada en datos que demuestre el poder del desarrollo asistido por IA. Al final de la sesión, tendrás una base de código funcional que muestra relaciones de datos complejas, UI dinámica y gestión de estado optimizada.
¿Para Quién Es Esto?Desarrolladores que quieren eliminar tareas repetitivas y enfocarse en la arquitectura de alto nivel.Fundadores y Prototipadores que necesitan cerrar la brecha entre una idea y un producto funcional rápidamente.Entusiastas de la Tecnología ansiosos por dominar el kit de herramientas profesional nativo de IA.Requisito: Trae una laptop con Cursor instalado. Nosotros proporcionamos la hoja de ruta; la IA proporciona la velocidad; tú proporcionas la visión.
Como esta es una sesión en línea en vivo, te animamos a registrarte lo antes posible para recibir la guía de configuración previa a la masterclass y asegurarte de que estás listo para construir desde el primer minuto.

Descubre el poder de los Server Components en React sin la necesidad de un framework. En este masterclass, exploraremos cómo construir una solución de renderizado del lado del servidor usando "solo" JavaScript y Node.js. Nos adentraremos en los conceptos básicos de los Server Components, incluyendo cómo renderizar componentes en el servidor y gestionar la obtención de datos. Al final de esta sesión, tendrás una comprensión de cómo implementar Server Components en tus propios proyectos sin depender de un framework.

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.

Un nuevo ecosistema de aplicaciones está emergiendo dentro de agentes conversacionales generalistas como ChatGPT y Claude. Estas aplicaciones sirven como una tienda digital directa para marcas. Son una alternativa convincente a las aplicaciones móviles y web tradicionales para los mil millones de usuarios que ahora comienzan su viaje en línea en un chat.

Las aplicaciones de IA se construyen sobre estándares como Apps SDK, MCP Apps y MCP UI. Todas dependen de MCP como el protocolo subyacente para exponer contexto y herramientas, mientras añaden una capa de presentación orientada al usuario en forma de widgets de UI.

Construir estas aplicaciones de React introduce un conjunto genuinamente nuevo de desafíos: ya no estás diseñando para un usuario que interactúa solo con una UI, sino para una dinámica de tres vías entre un humano, una UI y un modelo. Cada interacción debe tener en cuenta si se origina a partir de un clic en un widget o un mensaje escrito en el chat.

Skybridge es el framework full-stack de TypeScript construido sobre React que creamos en Alpic para ayudar a los desarrolladores de todo el mundo a lanzar estas nuevas aplicaciones a la velocidad de la luz.

¡Ven y aprende cómo construir la próxima generación de aplicaciones de IA conmigo!

Todo lo que se necesita es un módulo y una herramienta CLI para construir y desplegar aplicaciones peer-to-peer de producción.En esta masterclass:Convierte una aplicación existente de React para que ya no necesite un servidor para desplegarPrepara la aplicación y configura el flujo de despliegue para el lanzamiento de producciónPasa a producción con multisig - lanzamientos descentralizados basados en quórum criptográficoEsto es para cualquiera que construya con React o JavaScript y cualquiera que despliegue aplicaciones.

LLMs son poderosos pero impredecibles y la mayoría de los tutoriales omiten la parte donde realmente tienes que lidiar con eso en el código de producción. Esta masterclass te enseña a usar AI generativa como una herramienta de ingeniería: cómo estructurar prompts alrededor de esquemas, validar y reparar la salida no determinista, y ejecutar modelos localmente para que controles el costo y el carbono.

Generaremos un mundo para un juego de rol como nuestro contexto de enseñanza, es un dominio divertido y de bajo riesgo que hace visibles los problemas difíciles. Los patrones con los que te vas aplican en cualquier lugar donde quieras integrar LLMs en un sistema tipado.

No se requiere experiencia en ML. Solo TypeScript y una laptop.