React Advanced 2025

Los LLMs no son solo motores de búsqueda sofisticados: sientan las bases para construir piezas de software autónomas e inteligentes, también conocidas como agentes.
Las empresas están invirtiendo masivamente en infraestructuras de IA generativa. Para obtener el valor de su inversión, necesitan desarrolladores que puedan sacar el máximo provecho de un LLM, y ese podrías ser tú.
Descubre la pila de TypeScript para el desarrollo basado en LLM en esta masterclass de 3 horas. Conéctate a tu modelo favorito con el Vercel AI SDK y convierte líneas de código en agentes de IA con Mastra.ai.

La representación del lado del servidor (SSR) está de vuelta en el centro de atención, y React está evolucionando rápidamente. En este masterclass, profundizaremos en la mecánica, las compensaciones de rendimiento y las técnicas modernas de SSR con React.js. Comenzarás construyendo una aplicación SSR desde cero, sin frameworks, solo renderToString y hydrateRoot en bruto, para comprender verdaderamente cómo React se representa en el servidor y se hidrata en el cliente. A partir de ahí, actualizaremos a las capacidades de transmisión de React 18 usando renderToPipeableStream, implementaremos la hidratación selectiva usando Suspense e integraremos la obtención de datos directamente en el ciclo de representación del servidor. Veremos los React Server Components (RSC), mostrando cómo complementan el SSR. También cubriremos estrategias de hidratación, cómo prevenir desajustes y cómo almacenar en caché o transmitir HTML de manera efectiva para un rendimiento en el mundo real. Finalmente, llevaremos nuestro trabajo manual de SSR a frameworks de producción como Next.js.

En esta masterclass, incrementaremos de manera incremental una aplicación de React existente con AI. Estoy seguro de que la mayoría de ustedes probablemente ya mantienen una aplicación de React, así que en lugar de comenzar desde cero, tomemos algo que ya funciona y desarrollemos algunos patrones para agregar características de AI prácticas y del mundo real sin que parezcan "añadidas" solo por seguir la moda. Exploraremos preguntas como "¿qué modelo debería usar?", "¿debería el LLM ejecutarse en el dispositivo o en la nube?", "¿estoy arriesgando el bloqueo del proveedor al elegir un modelo propietario sobre uno de código abierto?", y profundizaremos en los temas más complejos de usar frameworks de AI, crear agentes, y los clientes y servidores del Model Context Protocol (MCP). Al final de esta masterclass, deberías tener algunos conocimientos y habilidades aplicables que puedes llevar a tus propias aplicaciones, y con suerte, te irás con una mayor comprensión de cómo y cuándo usar realmente AI 

Crea experiencias educativas XR inmersivas a través de renderizado 3D declarativo con esta masterclass avanzada. Aprovecha la arquitectura basada en componentes de React Three Fiber para construir un explorador del sistema solar gamificado que presenta mecánicas orbitales dinámicas, raycasting interactivo y optimizaciones de WebGL. Domina técnicas críticas para el rendimiento, incluyendo la implementación de InstancedMesh, gestión de estado reactiva e integración de WebXR mientras creas visualizaciones STEM atractivas. Esta masterclass conecta conceptos de física teórica con desarrollo práctico de front-end, demostrando cómo Three.js puede transformar contenido educativo a través de paradigmas de computación espacial.Agenda:Introducción a React Three Fiber y Three.js: Configuración del entorno del proyectoConstrucción de la Escena del Sistema Solar: Creación de planetas, órbitas y fondos espaciales con animaciones Interactividad y Gamificación: Raycasting para selección e interacción de objetosOptimización del Rendimiento: Uso de InstancedMesh para renderizado eficienteIntegración de WebXR: Habilitación de experiencias AR/VR en el navegador

Al igual que la promesa de pastel en Portal, los formularios de inicio de sesión están en todas partes en el desarrollo web. Aunque pueden parecer funcionales a primera vista, muchos usuarios con discapacidades se encuentran con un laberinto de muros invisibles, desde trampas de teclado hasta CAPTCHAs inaccesibles. ¡Es como si GLaDOS hubiera diseñado estos formularios ella misma para probarnos!En este recorrido práctico, depuraremos los problemas de accesibilidad de un componente de inicio de sesión de React en vivo, similar a atravesar esas cámaras de prueba: Usando un lector de pantalla real, mostraremos cómo pequeñas mejoras, como la implementación adecuada de ARIA y una gestión efectiva del enfoque, pueden transformar una cámara de prueba compleja en una experiencia de usuario fluida. Además, abordaremos los errores comunes que GLaDOS podría lanzarnos tanto en el universo de Portal como en el mundo real de la accesibilidad, especialmente en lo que respecta a los procesos de autenticación y sus necesidades especiales. Así que toma tu pistola de portal: trabajemos juntos para derribar estas barreras y asegurarnos de que la autenticación realmente funcione para todos. ¡El pastel podría ser una mentira, pero la accesibilidad no tiene por qué serlo!