Envíanos tu consulta

Buscar cursos

Catálogo 2024

¡Últimas plazas!Cursos Servicios FUNDAE Plataforma LMS

Solicitar información

Buscar cursos

Solicitar información

Cursos/Cursos de Desarrollo Web/Curso React Avanzado

Curso completo de React 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

Formación en React Avanzado bonificable para empresas

¿A quién va dirigido?

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

Profundizar en el desarrollo de aplicaciones React, 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?

Requisitos

Haber desarrollado previamente en JavaScript ES6 o posterior y desarrollando aplicaciones con React JS 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

Me interesa

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

Me interesa

React 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.

15 may

Curso React Avanzado Online

60 horas lectivas

Plazas limitadas

Hasta 100% bonificables

¡ÚLTIMAS PLAZAS!

¡Me interesa!

Temario del curso

tema 1

Repaso de fundamentos de PWA

¿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
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 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

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

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

Testimonios de nuestros clientes

“Empecé a formarme recientemente con ellos y estoy muy sorprendido de la metodología y la calidad de los contenidos. He hecho varios cursos online con otros proveedores pero con ninguno he terminado tan satisfecho como con Imagina.”

“Mi empresa contrató un Aula Virtual Personalizada con Imagina, después de tener malas experiencias con otras academias y nos sorprendió la profesionalidad con la que trabajan. Hicimos 3 reuniones técnicas con Martín antes de empezar la formación y quedamos encantados con el resultado, sin duda repetiremos.”

Curso de React Avanzado bonificado para Empresas a través de FUNDAE

Somos entidad organizadora de FUNDAE, todas nuestras formaciones se pueden bonificar hasta el 100%, sujeto a vuestro crédito disponible y a cumplir con todos los requisitos de realización establecidos por la Fundación Estatal para el Empleo.

Si desconoces el funcionamiento de las bonificaciones, ofrecemos el servicio de gestión en FUNDAE, consúltanos cualquier duda que te surja.

Descargar Guía FUNDAE

Contáctanos

¿Qué formación necesitas?

En Imagina llevamos más de 14 años ofreciendo formación para empresas, estamos especializados en el área técnica y de ofimática, adaptando nuestras formaciones a vuestras necesidades. Déjanos tus datos, y nos pondremos en contacto contigo para informarte sobre el curso que mejor se ajuste a lo que buscas. Cuéntanos tus necesidades y podremos asesorarte sobre la modalidad que mejor se adapte: Curso Online o Aula Virtual Personalizada