+500.000 desarrolladores utilizan React, el framework elegido por Facebook, Instagram y Airbnb
Forma a tu equipo técnico con el curso React 19 Avanzado en modalidad Online y A Medida, tutorizado y bonificable hasta el 100% por FUNDAE. Pide información.
Conviértete en un experto en las tendencias más nuevas del desarrollo de React, incluyendo el desarrollo Multiplataforma, SSR, SSG y la integración de PWA.
1
Aumenta la eficiencia de tus proyectos empresariales integrando TypeScript, mejorando el mantenimiento del código y permitiendo una escalabilidad sin complicaciones.
Personaliza el temario al 100% para tu equipo
Diseñamos una formación a medida utilizando los documentos y flujos de trabajo reales de tu empresa.
Nueva Plataforma de E-learningFormación en directo con plataforma de apoyo para reforzar el aprendizaje
Acceso a las grabaciones
Los alumnos podrán revisar las sesiones grabadas para repasar conceptos clave, recuperar explicaciones concretas o reforzar aquellos contenidos que necesiten después de la clase en directo.
Recursos formativos
Materiales, sesiones grabadas y documentación de apoyo quedan centralizados en la plataforma para que el equipo pueda consultarlos durante y después de la formación.
Confirmación de asistencia
La plataforma permite registrar y confirmar la asistencia de los participantes, facilitando el seguimiento de la formación y la gestión documental necesaria para la bonificación FUNDAE.
Programa formativo
Temario del curso
Encuentra todo el temario del curso aquí.
Temario
Introducción a React 19 y sus novedades
Presentación del curso
¿Qué son y cómo funcionan las PWA?
Ventajas y desventajas de las PWA
Requisitos para crear una PWA
Instalaciones y configuraciones en proyectos React 19
Service Workers
Tipos de eventos en service workers
skipWaiting
Creando una aplicación PWA React
Introducción a React 19 y sus novedades
Presentación del curso
¿Qué son y cómo funcionan las PWA?
Ventajas y desventajas de las PWA
Requisitos para crear una PWA
Instalaciones y configuraciones en proyectos React 19
Tema 1: Introducción a React 19 y Repaso de fundamentos de PWA
Introducción a React 19 y sus novedades
Presentación del curso
¿Qué son y cómo funcionan las PWA?
Ventajas y desventajas de las PWA
Requisitos para crear una PWA
Instalaciones y configuraciones en proyectos React 19
Service Workers
Tipos de eventos en service workers
skipWaiting
Creando una aplicación PWA React
Tema 2: Profundizando en las PWA
Integración de notificaciones en una PWA
Firebase para notificaciones
Comportamiento nativo en una PWA
Acceso a hardware nativo en una PWA
Creando una PWA con notificaciones y comportamiento nativo
Tema 3: Añadiendo animaciones en React
Animaciones CSS en componentes de React
Problemática con las transiciones en componentes de React y renderizado condicional
Introducción a librerías de animación más usadas
React Spring
Framer Motion
Lottie React
Spline
Proyecto aplicando animaciones en React
Tema 4: Mejorando llamadas a API: React Query y GraphQL
Introducción a React Query
Ventajas de utilizar React Query en una aplicación de React
Instalaciones y configuraciones necesarias para integrar React Query en proyectos React
Primeros pasos en React Query
Realizando consultas haciendo uso de Hooks de React Query
Buenas prácticas empleando React Query
Introducción a GraphQL
Ventajas de utilizar GraphQL en una aplicación de React
Instalaciones y configuraciones necesarias para integrar GraphQL en proyectos React
Primeros pasos en GraphQL
Realizando consultas haciendo uso de GraphQL
Buenas prácticas empleando GraphQL
Tema 5: Plasmic para Proyectos React
¿Qué es Plasmic?
Ventajas de utilizar Plasmic en una aplicación de React
Creación de cuenta en Plasmic
Creación de primer proyecto en Plasmic
Instalaciones y configuraciones para integrar Plasmic en proyectos React
Creando componentes en Plasmic
Haciendo uso de los componentes de Plasmic en React
Tema 6: Storybook
¿Qué es Storybook?
Ventajas de utilizar Storybook para documentación de componentes React
Creación de primer proyecto en Storybook
Instalaciones y configuraciones para integrar Storybook en proyectos React
Creando componentes en Storybook
Mostrando los componentes de React en StoryBook
Creación de una aplicación con StoryBook y React
Despliegue de documentación de componentes Storybook en Vercel
Tema 7: CodeSplitting y Suspense en aplicaciones React
¿Qué es CodeSplitting?
Ventajas de utilizar CodeSplitting en una aplicación de React
¿Cómo implementar CodeSplitting en una aplicación de React?
¿Qué es la API use de React 19?
¿Qué es Suspense?
¿Qué aplicaciones tiene Suspense?
¿Cómo utilizar Suspense en una aplicación de React?
Consejos y buenas prácticas
Ejemplo de uso real
Tema 8: Hooks avanzados con React
Hooks avanzados con React
Actions en React 19
useTransition para optimizar el rendimiento
useTranstition con las actions de React 19
useTransition
useDeferredValue
useId
useSignal vs useState
Creando nuestros propios hooks: Custom Hooks
Tema 9: Iniciación a Typescript para React
¿Qué es Typescript?
Versiones de Typescript hasta la actualidad
Ventajas de utilizar Typescript frente a JavaScript en una aplicación de React
Fundamentos esenciales de Typescript
Configuración de un proyecto de React con Typescript
Configuración de TSConfig para proyectos React
¿Qué es TSX?
Diferencias entre usar TSX y JSX en una aplicación de React
Creando componentes con Typescript y TSX
Usando tipos, tipos propios, enumerados y otras estructuras de Typescript en proyectos React
Buenas prácticas estructurando y empleando tipos de Typescript en React
Tema 10: Cypress para testing en proyectos React
¿Qué es Cypress?
Ventajas de utilizar Cypress en una aplicación de React
Instalaciones y configuraciones para añadir Cypress a un proyecto React
Creando pruebas en Cypress
Creando comandos en Cypress para reutilización de código
Creación de una cuenta y organización
Accediendo al Dashboard de Cypress
Sincronización de resultados de ejecución con Proyecto Cypress
Análisis de ejecuciones en Cypress Dashboard
Obteniendo datos y grabaciones de ejecución de tests en el dashboard de Cypress
Tema 11: Más allá de Webpack
¿Qué alternativas a webpack existen?
Principales desventajas al emplear Webpack en React
Tendencias actuales en el uso de Webpack
Introducción a las alternativas de Webpack
Introducción a Vite
Ventajas principales de Vite frente a Webpack
Instalaciones y configuraciones para integrar React y Vite
Introducción a Rollup
Ventajas principales de Rollup frente a Webpack
Instalaciones y configuraciones para integrar React y Rollup
Introducción a Parcel
Ventajas principales de Parcel frente a Webpack
Instalaciones y configuraciones para integrar React y Parcel
Introducción a ESBuild
Ventajas principales de ESBuild frente a Webpack
Instalaciones y configuraciones para integrar React y ESBuild
Tema 12: Tipos de renderizado con frameworks para React
¿Qué es el renderizado y qué tipos existen en aplicaciones React?
SPAs
Client Side Rendering
Server Side Rendering
Static Site Generation
Comparativa y principales usos de los tipos de renderizado en React
Soluciones actuales en el desarrollo de aplicaciones React
Tema 13: Tendencias de desarrollo con React
Scaffolding de proyectos con Vite
Ventajas de utilizar Vite en una aplicación de React
Creando un proyecto de React con Vite
No utilizar solo React: Hablemos de Next o Remix
Ventajas de utilizar frameworks como Next o Remix en una aplicación de React
Menos client side, más server side
Ventajas de utilizar el lado del servidor en una aplicación de React
Creando una aplicación de React con renderizado en el servidor
Las directivas 'use sever' y 'use client' en React 19
El compilador nativo de React 19
Creando una aplicación con el compilador nativo de React 19
Tema 14: Introducción a Next
¿Qué es Next?
Ventajas de utilizar Next en una aplicación de React
Configuración de un proyecto de React con Next
Creando una aplicación de React con Next
Análisis de archivos y configuraciones
Primeros pasos y despliegue de aplicación
Creación de componentes de servidor
Despliegue Continuo de Next en Vercel
Tema 15: Introducción a Remix
¿Qué es Remix?
Ventajas de utilizar Remix en una aplicación de React
Configuración de un proyecto de React con Remix
Creando una aplicación de React con Remix
Análisis de archivos y configuraciones
Primeros pasos y despliegue de aplicación
Creación de componentes de servidor
Despliegue Continuo de Remix en Vercel
Tema 16: Introducción a Preact
¿Qué es Preact?
Diferencias entre Preact y React
Ventajas y desventajas de utilizar Preact en una aplicación de React
Configuración de un proyecto de React con Preact
Creando una aplicación de React con Preact
Análisis de archivos y configuraciones
Primeros pasos y despliegue de aplicación
Creación de componentes de servidor
Introducción a los Signals
Despliegue Continuo de Preact en Vercel
Tema 17: Introducción al desarrollo Multiplataforma con React
¿Qué es el Desarrollo Multiplataforma?
Desarrollo nativo vs desarrollo multiplataforma
Limitaciones del desarrollo multiplataforma
Soluciones actuales de desarrollo Multiplataforma con React
Desarrollo multiplataforma con React Native
Creando tu primera aplicación móvil con React Native
Desarrollo multiplataforma con Electron
Creando tu primera aplicación de escritorio con React y Electron
Tema 18: Proyecto Profesional creado con React
Definición de objetivos y requisitos del proyecto
Introducción a Figma
Planificación y diseño del proyecto utilizando Figma
Planificación y diseño del repositorio
Implementación del proyecto
Publicación del proyecto en Vercel
Creando Casos de Test en Cypress
Analizando la ejecución de los casos de test en Cypress Dashboard
Tema 19: Resumen de los cambios de React 19
¿Qué es el React Compiler de React 19 y qué conlleva esto?
¿Qué son las Actions en React 19?
Hook: useActionState
¿Qué son las Form Actions y cómo se utilizan?
Hook: useOptimistic
¿Qué es la API use y qué usos podemos darle en React 19?
¿Qué son los server components?
¿Qué son las Server Actions?
Deja de utilizar forwardRef
La forma más fácil de utilizar Context en una aplicación React 19
Mejorando el SEO con la Metadata de React 19
Utilizando stylesheets en React
¿En qué consiste la carga asíncrona de scripts en React?
¿Qué son los WebComponents y cómo se cargan en React 19?
Precargando recursos y optimizando el rendimiento de nuestra aplicación React 19
Utilizando los Codemods para migrar un proyecto React 18 a React 19
Perfiles profesionales
Pensado para quienes deben dominar React 19 Avanzado en su día a día
Desarrolladores Frontend
Desean actualizar sus conocimientos en React para crear aplicaciones más eficientes y modernas, adaptadas a la dinámica del mercado.
Ingenieros de Software
Quieren perfeccionar la estructura y el rendimiento del código en proyectos corporativos, asegurando soluciones robustas con React.
Equipos de Desarrollo TI
Buscan capacitación en las últimas herramientas y tendencias de React para innovar y mantener competitividad a nivel empresarial.
Preguntas frecuentes
Resolvemos todas tus dudas sobre nuestra formación en React 19 Avanzado
Explora las respuestas a las preguntas que guian a nuestra comunidad. Aqui encontraras claridad sobre como funciona todo, desde el acceso hasta los detalles de los cursos. Si buscas respuestas, este es el lugar para comenzar.
El curso React 19 Avanzado está diseñado para brindar un conocimiento profundo y avanzado de React.js, permitiendo a los desarrolladores crear aplicaciones web de alta complejidad y rendimiento. Además, fomenta la capacidad de resolver problemas complejos y mejorar la eficiencia del código.
Sí, el curso React 19 Avanzado puede bonificarse a través de FUNDAE, permitiendo a las empresas aprovechar los créditos disponibles para la formación de sus empleados.
El curso React 19 Avanzado se imparte en modalidad online y en aula virtual personalizada, adaptándose a las necesidades de las empresas y sus empleados.
Con el curso React 19 Avanzado, desarrollarás habilidades avanzadas en React.js, incluyendo la gestión del estado, el manejo de APIs, la creación de componentes reutilizables y eficientes, y la optimización del rendimiento de las aplicaciones web.
Puedes inscribirte en el curso React 19 Avanzado rellenando los formularios que aparecen en la web de Imagina Formación. Esto te permitirá acceder a toda la información necesaria y completar tu inscripción de forma rápida y sencilla.
El curso React 19 Avanzado está diseñado para brindar un conocimiento profundo y avanzado de React.js, permitiendo a los desarrolladores crear aplicaciones web de alta complejidad y rendimiento. Además, fomenta la capacidad de resolver problemas complejos y mejorar la eficiencia del código.
Sí, el curso React 19 Avanzado puede bonificarse a través de FUNDAE, permitiendo a las empresas aprovechar los créditos disponibles para la formación de sus empleados.
El curso React 19 Avanzado se imparte en modalidad online y en aula virtual personalizada, adaptándose a las necesidades de las empresas y sus empleados.
Con el curso React 19 Avanzado, desarrollarás habilidades avanzadas en React.js, incluyendo la gestión del estado, el manejo de APIs, la creación de componentes reutilizables y eficientes, y la optimización del rendimiento de las aplicaciones web.
Puedes inscribirte en el curso React 19 Avanzado rellenando los formularios que aparecen en la web de Imagina Formación. Esto te permitirá acceder a toda la información necesaria y completar tu inscripción de forma rápida y sencilla.
Diseñemos hoy el curso que tu empresa necesita
Cuéntanos tus objetivos de negocio y prepararemos una propuesta formativa bonificable totalmente ad hoc
Actualiza tus habilidades con conocimientos prácticos y aplicables sobre state management avanzado, animaciones y query optimizations, garantizando aplicaciones rápidas y dinámicas.
3
Aprende de manera práctica con proyectos reales, garantizando que los conocimientos adquiridos se puedan aplicar directamente en situaciones del mundo laboral.
Después de la formación en directo, los alumnos podrán acceder a ejercicios prácticos para aplicar lo trabajado en clase y consolidar el aprendizaje con actividades guiadas.
Acceso a las grabaciones
Los alumnos podrán revisar las sesiones grabadas para repasar conceptos clave, recuperar explicaciones concretas o reforzar aquellos contenidos que necesiten después de la clase en directo.
Recursos formativos
Materiales, sesiones grabadas y documentación de apoyo quedan centralizados en la plataforma para que el equipo pueda consultarlos durante y después de la formación.
Confirmación de asistencia
La plataforma permite registrar y confirmar la asistencia de los participantes, facilitando el seguimiento de la formación y la gestión documental necesaria para la bonificación FUNDAE.
Ejercicios prácticos
Después de la formación en directo, los alumnos podrán acceder a ejercicios prácticos para aplicar lo trabajado en clase y consolidar el aprendizaje con actividades guiadas.
Practica y mejora con nuestra plataforma
Una plataforma practica, con IA integrada y pensada para que mejores desarrollando. Se adapta a tu ritmo, te corrige al instante y te muestra tu progreso real.
Correccion magica
Feedback inteligente
Aprende de cada acierto y fallo con explicaciones claras
A continuación te mostramos las próximas convocatorias disponibles de nuestras formaciones online. Si te interesa realizar una formación a medida para un grupo de trabajadores, puedes solicitar un Aula Virtual Personalizada.