React Summit 2025

Únete a nosotros en el viaje desde el desarrollo frontend con React hasta el 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.

Los asistentes de codificación ya están cambiando la forma en que desarrollamos código, y en varios años se espera que cambien completamente cómo los desarrolladores interactúan con el código y lo escriben. En esta masterclass, compartiré consejos y mejores prácticas sobre el uso de tales herramientas mientras desarrollamos la aplicación lista para producción con Zencoder.

Prueba y confía en tu aplicación React combinando la potente automatización de navegador de Playwright con el monitoreo sintético moderno. En este masterclass práctico, aprenderás a escribir pruebas de flujo de usuario real con Playwright, ejecutarlas localmente y luego escalarlas a un monitoreo listo para producción con Checkly.Comenzaremos con un recorrido rápido por el monitoreo sintético vs. real de usuario, luego profundizaremos en probar interacciones clave en tu aplicación, desde cargas de página hasta formularios y navegación. Aprenderás a usar las características principales de Playwright para crear pruebas confiables de extremo a extremo.A continuación, te mostraremos cómo convertir esas pruebas locales en monitores en vivo. Implementarás tus pruebas como monitores sintéticos, verás ejecuciones de pruebas y depurarás fallos con datos ricos de observabilidad, como capturas de pantalla y trazas.Tabla de contenidos:Introducción: Sintético vs RUM, Pruebas vs MonitoreoConfiguración para ejecutar la aplicación localmenteEscribir pruebas de Playwright en la aplicaciónCaracterísticas principales de Playwright Ejecutar pruebasConvertir pruebas de Playwright en monitores sintéticosConceptos de Monitoreo como CódigoObservabilidad: depurar con Trazas, Registros & Capturas de pantallaCerrando el ciclo con alertas y consideraciones de canales de notificaciónNivel del masterclass: desarrolladores cómodos con React y herramientas CLI.

¡Pruebas primero, código al final!¿Cómo desarrollar tu frontend para que el código no se desmorone? ¿Cómo hacer que entregar tus resultados de trabajo no sea aterrador? ¿Cómo combatir los errores que te persiguen a cada paso que das?Voy a responder a estas preguntas durante la masterclass y mostrar cómo seguir TDD en aplicaciones React.Para mostrar el enfoque, voy a usar Cypress, React, MobX, e incluso Dev Containers. Estas herramientas pueden ser reemplazadas por otras que se utilizan en tus proyectos hoy en día. Aquí y ahora, las herramientas no son tan importantes.A pesar del título, la masterclass va a ser útil no solo para desarrolladores frontend. Puedes beneficiarte de ella incluso trabajando en un área diferente del desarrollo porque la clave aquí es una mentalidad de cómo hacer aplicaciones confiables a través de pruebas.

Las interfaces de usuario basadas en nodos ofrecen una forma intuitiva y poderosa de representar flujos de datos y procesos complejos. En este masterclass interactivo de 3 horas, aprenderás a crear interfaces de usuario de diagramas atractivas utilizando React y la popular biblioteca React Flow. Comenzaremos explorando las bibliotecas clave para crear interfaces de usuario de diagramas personalizados, comparando sus fortalezas, diferencias y casos de uso más efectivos. Centrándonos en React Flow, luego construiremos juntos una aplicación de flujo de trabajo, introduciendo características como nodos y bordes personalizados, funcionalidad de arrastrar y soltar, gestión de estado, controles de minimapa y zoom, auto-layout y barra lateral de edición de propiedades. Descubrirás cómo aprovechar los componentes de interfaz de usuario de código abierto diseñados para diagramación para mejorar el atractivo visual y aprenderás cómo extender los diagramas con funcionalidad personalizada. También veremos herramientas y productos existentes que pueden agilizar tu proceso de desarrollo, para que puedas concentrarte en implementar tu lógica de negocio de manera eficiente. Al final de este masterclass, sabrás cómo desbloquear el potencial de las interfaces de usuario basadas en nodos en React, permitiéndote crear aplicaciones ricas e interactivas adaptadas precisamente a las necesidades de tu proyecto.Agenda del Masterclass:Introducción a las Bibliotecas de DiagramasConstrucción de una Aplicación de Flujo de Trabajo con React FlowImplementación de Características Avanzadas de Interacción y UsabilidadMejorando la Experiencia del UsuarioAmpliando y Escalando Tu Interfaz de Usuario Basada en NodosPor favor, ten en cuenta que este masterclass asume un conocimiento cómodo de trabajo con React, para que podamos centrarnos en construir características avanzadas desde el principio.

Acabas de lanzar una nueva característica. Las pruebas pasaron. CI está en verde. Todo está desplegado. La vida es buena... hasta que las alertas comienzan a llegar. Los usuarios informan de "cosas raras que suceden", fallos en la interfaz de usuario, informes vagos de "parece lento" y ese temido mensaje de "no se puede iniciar sesión". Bueno, esto parece ser un mal día. Pero... tal vez no.Mira esta sesión práctica para aprender cómo construirlo, romperlo, depurarlo y pasar de "no tengo idea de qué está mal" a solucionar problemas, todo de una vez. Dado que somos desarrolladores serios (obviamente), usaremos Next.js y:Configurar Sentry desde cero, incluyendo Errores, Reproducción de Sesiones y TrazadoAprender formas de usar Replays para entender la experiencia real del usuario, y cómo usar Trazado para depurar problemas de la aplicaciónAprovechar Sentry AI y el contexto de tu aplicación para entender qué está realmente roto, y usar Autofix para generar una solución, desde la causa raíz hasta el PR.Utiliza esta guía de la masterclass para seguir: Guía de Inicio Rápido.

¡Desbloquea el Poder del Desarrollo Moderno Full-Stack en Medio Día!¿Listo para construir aplicaciones web rápidas y escalables? Únete a nuestra inmersiva masterclass interactiva de 4 horas y sumérgete de lleno en el mundo de Full-Stack Next.js 15!Esto no es solo otra sesión teórica. Te arremangaras y construirás una aplicación de comparación de películas del mundo real desde cero, guiado paso a paso por nuestro experto instructor Maurice. Comenzaremos configurando tu entorno de desarrollo local con una robusta base de datos PostgreSQL ejecutándose en un contenedor Docker. Luego, experimentarás la magia de la generación rápida de UI usando v0.dev, permitiéndote crear interfaces impresionantes con facilidad.Pero no nos detendremos en el front-end. Aprenderás cómo integrar sin problemas tu UI con un potente backend usando las últimas características de Next.js 15 y el elegante Prisma ORM para interactuar con tu base de datos PostgreSQL. Además, descubrirás las mejores prácticas para manejar el comportamiento del lado del cliente con una divertida e interactiva función de comparación de películas.Finalmente, llevaremos tu aplicación en vivo con despliegue continuo a Vercel, mostrando cómo compartir sin esfuerzo tus creaciones con el mundo. Al final de esta masterclass, tendrás una aplicación de comparación de películas completamente funcional y la confianza para abordar tus propios proyectos full-stack utilizando el vanguardista ecosistema de Next.js 15.

En esta masterclass cubriré un proceso repetible sobre cómo iniciar aplicaciones full stack en Cursor. Espere entender técnicas como usar GPT para crear requisitos de producto, esquemas de base de datos, hojas de ruta y usarlos en notas para generar listas de verificación que guíen el desarrollo de la aplicación. Profundizaremos más en cómo solucionar alucinaciones/errores que ocurren, indicaciones útiles para hacer que su aplicación se vea y se sienta moderna, enfoques para conectar cada capa y más. Al final, ¡espere poder ejecutar su propia aplicación full stack generada por IA en su máquina!Por favor, encuentre las preguntas frecuentes aquí

AG Grid y AG Charts son bibliotecas de cuadrículas y gráficos empresariales que están construidas para el rendimiento. En este masterclass, aprenderás los conceptos básicos para comenzar a construir cuadrículas y gráficos ricos en funciones en tus aplicaciones de React.
Descubrirás:Qué tan rápido puedes construir soluciones poderosas de cuadrículas y gráficos en React:Renderizado y edición de celdas en AG GridConstrucción de gráficos de líneas, barras y pasteles.En este masterclass práctico de 3 horas, aprenderás la poderosa simplicidad de usar AG Grid y AG Charts en tus aplicaciones. Seamos honestos, las cuadrículas y los gráficos pueden ser complicados. Afortunadamente, AG Grid y AG Charts lo hacen fácil. Este masterclass es útil para aquellos que consideran una biblioteca de cuadrículas a gráficos, para desarrolladores y para líderes de equipo.