Envíanos tu consulta
![iconoCurso](data:image/svg+xml;utf8, <svg width="920" height="920" viewBox="0 0 920 920" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M730 481.569C730 438.793 676.579 398.261 594.662 373.124C613.57 289.417 605.167 222.83 568.146 201.498C559.648 196.514 549.723 194.147 538.872 194.13V194C502.777 194 455.52 219.796 407.736 264.54C359.961 220.056 312.704 194.52 276.6 194.52V194.659C265.577 194.659 255.6 197.025 246.937 202.027C210.047 223.35 201.781 289.816 220.81 373.254C139.162 398.521 86 438.931 86 481.604C86 524.372 139.43 564.912 221.338 590.049C202.439 673.713 210.825 740.309 247.854 761.632C256.387 766.634 266.364 769 277.387 769C313.491 769 360.748 743.204 408.523 698.46C456.307 742.944 503.564 768.471 539.659 768.471C550.691 768.471 560.668 766.105 569.331 761.103C606.213 739.78 614.486 673.323 595.449 589.885C676.821 564.747 730 524.207 730 481.569ZM538.743 223.35V223.48C544.795 223.48 549.636 224.659 553.708 226.895C571.561 237.219 579.308 276.225 573.264 326.499C571.821 338.868 569.46 351.905 566.573 365.193C539.137 358.56 511.292 353.768 483.221 350.847C466.496 327.718 448.251 305.733 428.607 285.04C471.333 245.263 511.44 223.428 538.743 223.35ZM291.695 548.954C297.868 559.477 304.171 569.743 310.603 579.752C291.963 576.987 273.981 573.563 256.785 569.35C261.635 552.378 267.678 534.869 274.499 517.342C279.886 527.891 285.531 538.423 291.695 548.954ZM256.387 393.797C273.583 389.715 291.695 386.161 310.474 383.396C304.041 393.529 297.609 403.93 291.566 414.6C285.514 425.123 279.886 435.655 274.499 446.187C267.41 428.53 261.375 410.899 256.387 393.789V393.797ZM289.863 481.968C297.998 464.337 307.154 446.698 317.036 429.457C327.272 411.697 337.785 394.846 348.67 379.183C368.226 377.449 388.05 376.583 408.004 376.583C427.82 376.583 447.644 377.501 467.071 379.079C477.964 394.742 488.598 411.454 498.835 429.093C508.812 446.331 517.915 463.791 526.146 481.474C517.872 499.105 508.812 516.744 498.973 533.985C488.728 551.754 478.224 568.596 467.33 584.259C447.774 585.993 427.958 586.859 408.004 586.859C388.05 586.859 368.356 585.932 348.929 584.354C338.036 568.691 327.402 551.979 317.165 534.34C307.188 517.102 298.087 499.642 289.863 481.959V481.968ZM524.305 548.564C530.356 538.041 535.985 527.38 541.371 516.848C548.46 534.487 554.495 552.118 559.483 569.229C542.287 573.441 524.175 577.03 505.405 579.76C511.838 569.619 518.27 559.217 524.305 548.556V548.564ZM524.175 414.21C518.123 403.679 511.699 393.407 505.267 383.413C523.907 386.178 541.898 389.602 559.094 393.815C554.236 410.787 548.192 428.296 541.371 445.823C535.985 435.239 530.339 424.716 524.175 414.184V414.21ZM444.1 348.013C432.29 347.484 420.212 347.094 408.004 347.094C395.658 347.094 383.451 347.354 371.511 348.013C382.777 333.332 394.827 319.272 407.607 305.895C420.48 319.291 432.661 333.34 444.1 347.987V348.013ZM261.505 227.432C265.447 225.066 270.566 223.965 276.6 223.965V223.835C303.773 223.835 344.036 245.505 386.866 285.17C367.319 305.793 349.205 327.733 332.65 350.839C304.522 353.726 276.628 358.563 249.168 365.314C246.151 352.156 243.92 339.388 242.338 327.175C236.174 276.918 243.782 237.834 261.505 227.432ZM228.427 561.584C215.459 557.51 203.096 553.028 191.675 548.166C145.205 528.29 115.144 502.225 115.144 481.569C115.144 460.914 145.205 434.762 191.675 414.973C202.957 410.102 215.303 405.759 228.029 401.685C236.064 429.037 245.934 455.813 257.571 481.829C246.058 507.718 236.321 534.365 228.427 561.584ZM277.128 739.78C271.223 739.65 266.234 738.471 262.292 736.235C244.439 725.963 236.701 686.879 242.736 636.605C244.179 624.236 246.54 611.199 249.427 597.911C276.866 604.54 304.715 609.333 332.788 612.257C349.505 635.387 367.747 657.369 387.393 678.055C344.598 717.937 304.43 739.78 277.128 739.78ZM408.264 657.27C395.389 643.862 383.209 629.801 371.771 615.143C383.589 615.672 395.658 616.062 407.866 616.062C420.212 616.062 432.419 615.802 444.359 615.143C433.093 629.827 421.044 643.89 408.264 657.27ZM554.495 735.706C550.596 738.073 545.408 739.095 539.4 739.095C512.227 739.095 471.964 717.373 429.134 677.761C448.683 657.14 466.798 635.199 483.35 612.092C511.477 609.2 539.371 604.363 566.832 597.616C569.784 610.251 572.063 623.034 573.662 635.912C579.826 686.221 572.21 725.305 554.495 735.706ZM624.195 548.166C612.956 553.028 600.567 557.371 587.884 561.454C579.849 534.102 569.979 507.326 558.342 481.309C569.855 455.423 579.592 428.779 587.486 401.564C600.455 405.638 612.818 410.11 624.377 414.982C670.769 434.849 700.856 460.905 700.856 481.569C700.856 502.234 670.665 528.463 624.195 548.166Z" fill="%2361D9FB"/>
<path d="M407.535 540.486C440.896 540.486 467.939 514.077 467.939 481.5C467.939 448.923 440.896 422.514 407.535 422.514C374.175 422.514 347.131 448.923 347.131 481.5C347.131 514.077 374.175 540.486 407.535 540.486Z" fill="%2361D9FB"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M731 208V152H777V208L833 208V254H777V312H731V254L673 254.252V208H731Z" fill="%2361D9FB"/>
</svg>)
Curso de React 19 Avanzado
DISPONIBLE EN MODALIDAD:
Online
Aula Virtual Personalizada
Profundiza en todos los conceptos de React que garanticen aplicaciones robustas, con buen rendimiento y configura tus proyectos para una gestión automatizada de ejecución de pruebas y despliegues, además de introducirte en las nuevas tendencias del mercado en el desarollo de soluciones con Typescript, SSR, SSG y Multiplataforma con React
Profundiza en todos los conceptos de React que garanticen aplicaciones robustas, con buen rendimiento y configura tus proyectos para una gestión automatizada de ejecución de pruebas y despliegues, además de introducirte en las nuevas tendencias del mercado en el desarollo de soluciones con Typescript, SSR, SSG y Multiplataforma con React
Formación en React 19 Avanzado bonificable para empresas
A quién va dirigido nuestro curso de React 19 Avanzado
Desarrolladores con experiencia en React busquen crear aplicaciones robustas, con buen rendimiento, automatizadase introducirse en las nuevas tendencias del mercado en el desarollo de soluciones React.
Objetivos de nuestro curso de React 19 Avanzado
- Profundizar en el desarrollo de aplicaciones React 19 (Release Candidate - RC), aprendiendo a reestructurar proyectos y hacer uso de Hooks de manera avanzada
- Conocer las tendencias en el desarrollo de aplicaciones React
- Aprender a optimizar el comportamiento de aplcaciones React
- Introducción a la integración de Cypress para testing e2e en React
- Introducción al desarrollo multiplataforma con React
Qué vas a aprender en nuestro curso de React 19 Avanzado
Profundiza en todos los conceptos de React que garanticen aplicaciones robustas, con buen rendimiento y configura tus proyectos para una gestión automatizada de ejecución de pruebas y despliegues, además de introducirte en las nuevas tendencias del mercado en el desarollo de soluciones con Typescript, SSR, SSG y Multiplataforma con React
Requisitos de nuestro curso de React 19 Avanzado
- Haber desarrollado previamente en JavaScript ES6 o posterior y desarrollando aplicaciones con React JS (v18 o superior) o haber realizado el curso de React de Imagina Formación.
- Disponer de un equipo con acceso a un usuario con permisos de instalación que poder emplear durante el curso
- Tener Git, Node LTS, npm y Visual Studio Code instalados localmente en su última versión.
- Se recomienda tener Visual Studio Code instalado con los plugins adecuados para desarrollar con React JS y JSX.
Nuestras modalidades de formación
Cursos Online
Formación a través de nuestro campus virtual
Bonificable hasta el 100% por FUNDAE
Horario Flexible de formación
Teoría, práctica y vídeos guiados
Acceso multiplataforma, desde PC y móviles
100% tutorizado por un formador experto
Diploma de aprovechamiento
Aula Virtual Personalizada
Videoconferencia en tiempo real, síncrono, a través de Zoom
Bonificable hasta el 100%, por FUNDAE.
Planificación a medida
100% práctico con proyectos evolutivos
Temario adaptado a vuestras necesidades
100% tutorizado con feedback inmediato
Diploma de aprovechamiento
React 19 Avanzado: Últimas plazas
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 realizar un Aula Virtual Personalizada.
03 dic
Curso React 19 Avanzado Online
60 horas lectivas
Plazas limitadas
Hasta 100% bonificables
¡ÚLTIMAS PLAZAS!
¡Me interesa!
Temario del curso de React 19 Avanzado
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
Preguntas Frecuentes de React 19 Avanzado
¿Cuáles son los Beneficios del curso React 19 Avanzado?
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.
¿El curso de React 19 Avanzado se puede bonificar a través de FUNDAE?
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.
¿En qué modalidades se imparte el curso de React 19 Avanzado?
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.
¿Qué habilidades desarrollaré con el curso de React 19 Avanzado?
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.
¿Cómo puedo inscribirme en el curso de React 19 Avanzado?
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.