React Summit US 2024

Los problemas de frontend que afectan a tus usuarios a menudo son provocados por problemas de backend. En esta masterclass, aprenderás cómo identificar problemas que causan páginas web lentas y malos Core Web Vitals usando tracing.
Luego, pruébalo tú mismo configurando Sentry en un proyecto Next.js ya preparado para descubrir problemas de rendimiento, incluyendo consultas lentas a la base de datos en una sesión interactiva de programación en pareja.
Saldrás de la masterclass siendo capaz de:- Encontrar problemas de backend que podrían estar ralentizando tus aplicaciones de frontend- Configurar tracing con Sentry en un proyecto Next.js- Depurar y solucionar problemas de rendimiento deficiente usando tracing
Este será un evento en vivo de 2 horas donde tendrás la oportunidad de codificar junto con nosotros y hacernos preguntas.

Aprovechando reactjs para crear microfrontends reutilizables abordando desafíos y errores comunes.

¡Llamando a todos los desarrolladores de React! Únete a nosotros para una masterclass inmersiva de 4 horas profundizando en React Server Components y Server Actions. Descubre cómo estas tecnologías revolucionarias están transformando el desarrollo web y aprende a aprovechar todo su potencial para construir aplicaciones rápidas y eficientes.

Explora el mundo de React Server Components, combinando sin problemas el renderizado del lado del servidor con la interactividad del lado del cliente para un rendimiento y experiencia de usuario incomparables. Sumérgete en React Server Actions para ver cómo combinan la interactividad del lado del cliente con la lógica del lado del servidor, facilitando el desarrollo de aplicaciones interactivas sin las limitaciones tradicionales de las API.

Obtén experiencia práctica con ejercicios prácticos, ejemplos del mundo real y orientación experta sobre la implementación de estas tecnologías en tus proyectos. Aprende temas esenciales como las diferencias entre Server y Client Components, optimización de la obtención de datos, pasando datos de manera efectiva y maximizando el rendimiento con nuevos hooks de React como useActionState, useFormStatus y useOptimistic.

Ya sea que seas nuevo en React o un profesional experimentado, esta masterclass te equipará con el conocimiento y las herramientas para elevar tus habilidades de desarrollo web. Mantente a la vanguardia y domina la tecnología de vanguardia de React 19. No te lo pierdas: ¡regístrate ahora y desata todo el poder de React!

Los agentes GenAI son una de las direcciones más prometedoras para aplicaciones complejas basadas en GenAI. Estos agentes pueden buscar en la web, codificar y realizar tareas complejas de manera completamente autónoma para el usuario. En esta masterclass aprenderemos los conceptos básicos de los agentes GenAI. Definiremos los términos y marcos básicos y entenderemos cómo se diferencian del uso tradicional de LLMs.Entenderemos las técnicas de prompting para agentes LLM y específicamente la técnica de React prompting para agentes de IA (no confundir con React el lenguaje de programación). Construiremos, desde cero, nuestro propio agente GenAI que puede interactuar con el usuario, realizar búsquedas en la web y codificar y ejecutar en Javascript.Tabla de contenidos:- Introducción a los agentes GenAI- Entendiendo el marco de React- Construcción práctica de un agente GenAI simple- Despliegue del Agente con streamlit- Consejos y marcos para desarrollar agentes GenAI

Esta masterclass de 3 horas proporcionará una introducción a la Plataforma de Desarrolladores de Cloudflare para desarrolladores de aplicaciones. Se centrará en desarrollar una aplicación React de pila completa respaldada por pruebas que puedan garantizar la corrección de sus interacciones con los recursos y APIs proporcionados por la Plataforma de Desarrolladores.La masterclass asume un conocimiento básico de TypeScript y React, ¡no mucho más allá de lo necesario para construir una aplicación hola mundo en React usando TypeScript! Tampoco se requiere conocimiento de la Plataforma de Desarrolladores, ya que todo lo relacionado con Cloudflare se introducirá como parte de la masterclass.Así que si estás interesado en el desarrollo de aplicaciones en la plataforma de Cloudflare (¡rápida y económica!), entonces esta masterclass es para ti. Al final de la misma, sabrás cómo construir una aplicación web de pila completa, completamente probada (usando React o cualquier marco de tu elección) con una estructura de pruebas integral que te dará plena confianza y tranquilidad.
AgendaLa masterclass incluirá codificación en vivo, preguntas y respuestas, y secciones de codificación interactivas. El código inicial, junto con las instrucciones, también estará disponible para que los participantes lo revisen y profundicen después dela masterclass.Como parte de la configuración inicial, veremos cómo usar la herramienta C3 para desplegar fácilmente aplicaciones en Cloudflare en cuestión de minutos.Después, veremos cómo escribir código que interactúe con los recursos y APIs específicos de la Plataforma de Desarrolladores, específicamente, usaremos KVs, R2 buckets y Workers AI. También nos aseguraremos de probar todo el código para asegurarnos de que interactúa correctamente con las APIs mencionadas a través de la integración oficial de Workers Vitest.Luego integraremos el código de Workers con nuestra aplicación React para construir una aplicación de pila completa lista para ser desplegada en la red de borde de Cloudflare. Usaremos playwright para implementar un conjunto de pruebas de extremo a extremo (e2e) para asegurarnos de que la aplicación se integra perfectamente con la plataforma de Cloudflare.
Conclusiones- Cómo desarrollar en el runtime de Cloudflare Workers e interactuar con varios recursos de Cloudflare- Cómo desarrollar, probar de manera integral y desplegar una aplicación de pila completa en la Plataforma de Cloudflare

¿Tu aplicación React tiene mucha (y mucha) cantidad de datos que necesitan ser mostrados tanto en cuadrículas de datos como en gráficos? ¿Tus usuarios quieren interactuar, analizar y trabajar con estos datos sin comprometer el rendimiento o la confiabilidad? AG Grid proporciona las mejores bibliotecas de cuadrículas de datos y gráficos para React que están repletas de características y ofrecen un rendimiento inigualable al tiempo que son totalmente personalizables. En este masterclass, aprenderás cómo comenzar con AG Grid y AG Charts, y cómo utilizar sus características clave. Saldrás de este masterclass gratuito de 3 horas equipado con el conocimiento para implementar AG Grid y AG Charts en tu aplicación React.

Aprende cómo manejar formularios en React utilizando las últimas características, como startTransition, useTransition, useOptimistic y useActionState, con y sin acciones del servidor de React 19, junto con la validación adecuada, manejo de errores y mejores prácticas.La masterclass comenzará demostrando el manejo tradicional de formularios usando useState y useEffect para el renderizado del lado del cliente. Gradualmente, pasaremos a utilizar las últimas características de React 19, incluyendo formularios del lado del servidor y los hooks más recientes para gestionar estados y errores de formularios. Al final de la masterclass, los participantes entenderán cómo crear formularios robustos con validación adecuada y manejo de errores.Objetivos de AprendizajeÚltimos Hooks de React 19 — useTransition, useFormStatus, useOptimistic, useActionState, useDeferredValueAcciones del ServidorRevalidacionesValidación del lado del ServidorManejo de ErroresPrácticas de Seguridad

Estamos todos aquí porque amamos React, y lo amamos porque es un sistema simple e intuitivo para crear sitios web hermosos e interactivos. ¿Qué pasaría si construir aplicaciones full-stack pudiera ser igual de simple e intuitivo? ¡Gestionar datos y recursos en tus aplicaciones web no tiene que ser complejo y llevar mucho tiempo! Aprende cómo conectar bases de datos, APIs y otros servicios a tus aplicaciones en minutos para crear experiencias interactivas en tiempo real para tus usuarios. En esta sesión, comenzarás con una página en blanco y terminarás con una aplicación digna de portafolio y las habilidades que necesitas para construir tu próxima aplicación.

Únete a Nathan y Alexa en esta sesión práctica donde primero aprenderás a un nivel alto qué son los large language models (LLMs) y cómo funcionan. Luego sumérgete en un ejercicio de codificación interactivo donde implementarás la funcionalidad de LLM en una aplicación de ejemplo básica. Durante este ejercicio, obtendrás una idea de las habilidades clave para trabajar con LLMs en tus propias aplicaciones, como la ingeniería de prompts y la exposición a la API de OpenAI.

Después de esta sesión, tendrás ideas sobre qué son los LLMs y cómo se pueden usar prácticamente para mejorar tus propias aplicaciones.