Envíanos tu consulta
Términos y condiciones *
*Si no puedes asistir en directo te facilitaremos un enlace para verlo en diferido
logoImagina
Formación
Modalidades
Próximas Convocatorias
Temario
FAQ
Solicitar información
iconoCurso

Curso de React 19

DISPONIBLE EN MODALIDAD:
onlineWhite
Online
arrowRightDark
aMedidaIcon
Aula Virtual Personalizada
arrowRightDark

React JS se trata de una librería de JavaScript de código abierto desarrollada por los ingenieros de Facebook con el objetivo de ofrecer los mejores estándares en experiencia de usuario. Su objetivo es ayudarte en el desarrollo de aplicaciones donde necesites usar datos que cambien todo el tiempo, siendo su uso sencillo, declarativo y fácil de combinar.

Mediante este curso de React JS podrás aprender a realizar interfaces de usuario utilizando una de las herramientas más potentes y populares actualmente.

iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient

Formación en React 19 bonificable para empresas

A quién va dirigido nuestro curso de React 19

A todos los desarrolladores web que quieran aprender a desarrollar aplicaciones web modernas basadas en React, la librería de JavaScript de código abierto desarrollada por los ingenieros de Facebook.

Objetivos de nuestro curso de React 19

  • Aprender a desarrollar aplicaciones web SPA con React 19 (Release Candidate - RC)
  • Aprender a crear y estucturar aplicaciones React con componentes de clase y funcionales reutilizables
  • Aprender a trabajar con hooks y poder sacarle todo el partido a la librería de React
  • Aprender a realizar formularios, gestionar peticions Https y configurar webpack y eslint para proyectos React
  • Aprender a realizar pruebas unitarias con Jest, realizar builds y despliegues para distintos entornos

Qué vas a aprender en nuestro curso de React 19

React JS se trata de una librería de JavaScript de código abierto desarrollada por los ingenieros de Facebook con el objetivo de ofrecer los mejores estándares en experiencia de usuario. Su objetivo es ayudarte en el desarrollo de aplicaciones donde necesites usar datos que cambien todo el tiempo, siendo su uso sencillo, declarativo y fácil de combinar.

Mediante este curso de React JS podrás aprender a realizar interfaces de usuario utilizando una de las herramientas más potentes y populares actualmente.

Requisitos de nuestro curso de React 19

  • Es necesario tener experiencia y conocimientos en HTML, CSS, Javascript (ES6 o posteriores)
  • Tener instalado previamente en el equipo: NodeJS en la versión LTS, NPM en su última versión, GIT y Visual Studio Code
  • Disponer de un equipo con acceso a un usuario con permisos suficientes para instalar software donde hacer el curso

Nuestras modalidades de formación

icon
Cursos Online
modalidadesImg
Formación a través de nuestro campus virtual
modalidadesImgBonificable hasta el 100% por FUNDAE
modalidadesImg
Horario Flexible de formación
modalidadesImg
Teoría, práctica y vídeos guiados
modalidadesImgAcceso multiplataforma, desde PC y móviles
modalidadesImg
100% tutorizado por un formador experto
modalidadesImg
Diploma de aprovechamiento
Me interesa
icon
Aula Virtual Personalizada
aulasModalidades
Videoconferencia en tiempo real, síncrono, a través de Zoom
aulasModalidades
Bonificable hasta el 100%, por FUNDAE.
aulasModalidadesPlanificación a medida
aulasModalidades
100% práctico con proyectos evolutivos
aulasModalidades
Temario adaptado a vuestras necesidades
aulasModalidades
100% tutorizado con feedback inmediato
aulasModalidades
Diploma de aprovechamiento
Me interesa
React 19: Ú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.

10 dic
arrowConvocatorias
iconoCurso
Curso React 19 Online
regularClockIcon.svg
60 horas lectivas
plazasIcon
Plazas limitadas
porcentajeicon
Hasta 100% bonificables
¡ÚLTIMAS PLAZAS!
¡Me interesa!

Temario del curso de React 19

tema 1

Preparando el entorno de desarrollo

  • Introducción al IDE Visual Studio Code
  • Instalación de Visual Studio Code
  • Lista de extensiones imprescindibles para proyectos React
  • Gestión de archivos y carpetas
  • Búsquedas en Visual Studio Code
  • Uso de la terminal desde Visual Studio Code
  • Entornos de desarrollo online
iconArrowDown
tema 2

Introducción a React 19

  • ¿Qué es React?
  • Introducción a React 19
  • Instalación con Vite
  • Creación de proyectos
  • Análisis de carpetas y archivos con Vite y React 19
  • Virtual DOM y JSX
iconArrowDown
tema 3

Componentes

  • ¿Qué es un elemento?
  • ¿Qué es un componente?
  • Componentes de Clase y Funcionales
  • Jerarquía y anidación de componentes
  • Componentes puros y componentes contenedor
  • Paso de información por props
  • No se modifica la vista… ¿Qué ocurre?
  • State Privado y las restricciones en su uso
  • ¿Qué son los Hooks y por qué usarlos?
  • Introducción a los tipos de Hooks existentes
  • Hook useState
  • Gestión del ciclo de vida de un componente de clase
  • Gestión del ciclo de vida de un componente funcional
  • Herramienta React DevTools
  • Buenas prácticas
iconArrowDown
tema 4

Debugging

  • Introducción a la depuración de código
  • Depuración de código en el navegador
  • Chrome Debugger y Firefox Debugger
  • Depuración de código en Visual Studio Code
  • Archivo launch.json y su configuración
  • Puntos de Ruptura en Visual Studio Code
  • Watchers y otras técnicas de depuración en Visual Studio Code
iconArrowDown
tema 5

Eventos

  • Gestión de eventos
  • Binding entre la vista y el controlador
  • Uso de Referencias en React
  • Hook useRef
  • Accediendo al valor de un elemento referenciado
  • Utilizando referencias como props
  • Eventos de teclado
  • Eventos de ratón
  • Otros eventos
  • Buenas prácticas
iconArrowDown
tema 6

Vistas

  • ¿Qué es una vista?
  • Formas de implementar el renderizado condicional en JSX
  • Dando estilos a nuestros componentes
  • Aplicación de estilos de forma condicional
  • Trabajando con SCSS o SASS en React JS
  • Listas y Keys
  • Formularios Clásicos
  • Formularios con Formik y Yup
  • Formularios con hooks en React 19
  • Buenas prácticas
iconArrowDown
tema 7

Estados globales

  • El estado de la aplicación
  • Problemática en React para persistir datos entre componentes
  • ¿Qué es Redux?
  • Ventajas de usar Redux en un proyecto React
  • Descarga de Redux y React Redux
  • Configuración de un proyecto React con Redux
  • Herramienta Redux DevTools
  • Aplicación práctica para asentar los conceptos
  • Buenas prácticas
iconArrowDown
tema 8

Sistema de enrutado en React

  • SPAs y las rutas
  • React Router
  • Definiendo las rutas
  • Obteniendo parámetros de la ruta
  • Paso de datos entre rutas
  • Redirección de rutas
  • Protegiendo las rutas
  • Navegación entre las rutas a través del historial de rutas
  • Navegación a rutas externas
  • Otras formas de navegar por la aplicación
iconArrowDown
tema 9

Peticiones a API Restful

  • Introducción al protocolo HTTP
  • Métodos HTTP y Códigos de Estado
  • Haciendo peticiones HTTP con fetch
  • Alternativa: Axios
  • Configuración completa de Axios
  • Realizar peticiones con Axios
  • Consumir respuestas a través de promesas
iconArrowDown
tema 10

Estados globales asíncronos

  • Alternativas Redux para gestionar la asincronía
  • Redux Sagas
  • Redux Thunk
  • Alternativas a Redux: uso de Hooks
  • Hook UseContext en React 19
  • Hook UseReducer
  • Debate acerca de cuál es la solución más adecuada
  • Buenas prácticas
iconArrowDown
tema 11

Interfaces de usuario

  • Introducción a Bootstrap
  • Instalación de Bootstrap en un proyecto React
  • Uso del Grid de Bootstrap
  • Responsive Design con Bootstrap
  • Introducción a Material UI
  • Instalación de Material UI en un proyecto React
  • Componentes de Material UI
  • Creación de un Dashboard con Material UI
iconArrowDown
tema 12

Performance en nuestras aplicaciones React

  • ¿Qué es la performance de una aplicación?
  • ¿Por qué es necesario controlarla?
  • React Memo
  • Hook useMemo
  • Hook useCallBack
  • El nuevo compilador de React
  • Hook useEffect
  • ServiceWorkers y PWAs
  • Creando una PWA con Vite y React 19
  • Buenas prácticas para evitar renderizados innecesarios
iconArrowDown
tema 13

Build del proyecto

  • Script de React para gestionar la build
  • Carpeta de destino de la build
  • Build para diferentes entornos
  • Variables de Entorno en proyectos React Vite con React 19
  • Haciendo uso de las variables de entorno en nuestro proyecto React 19
iconArrowDown
tema 14

Testing

  • Introducción al testing
  • Diferencias entre Testing Unitario y Testing de Integración
  • Testing en aplicaciones React 19
  • Configuración de Jest y Vitest
  • Test Cases en Jest y Vitest
  • Matchers de Jest y Vitest
  • Spies de Jest y Vitest
  • Mocking
  • Testing de componentes React
  • Tests de integración en React
  • Buenas prácticas
  • Breve introducción a metodología TDD
  • Breve introducción al testing funcional
  • Listado de herramientas modernas de testing funcional
iconArrowDown
tema 15

Webpack, Babel y ESLint

  • Introducción a WebPack
  • Introducción a Babel
  • Introducción a EsLint
  • Introducción a DocumentationJS
  • Introducción a Typescript
  • Creación de un proyecto node desde cero
  • Instalación de Webpack, Babel y EsLint
  • Configuraciones WebPack
  • Configuraciones para usar Babel
  • Configuraciones para usar EsLint
  • Instalación de DocumentationJS
  • Ejemplos de documentación
  • Instalación de Typescript
  • Configuraciones y ejemplos de uso de Typescript
  • Instalaciones necesarias de React JS
  • Configuraciones necesarias de ReactJS
iconArrowDown
tema 16

Despliegue de la aplicación

  • Introducción al despliegue de aplicaciones
  • Introducción a Vercel
  • Desplegando una aplicación React en Vercel
  • Integración de Vercel y Github
  • Automatización de despliegues en Vercel
  • Introducción a Netlify
  • Desplegando una aplicación React en Netlify
  • Despliegue continuo en Netlify
  • Introducción a Firebase
  • Instalaciones y configuraciones previas
  • Desplegando una aplicación React en Firebase
iconArrowDown

Preguntas Frecuentes de React 19

¿Cuáles son los beneficios del curso React 19?

accordionIcon
El curso de React 19 te permitirá desarrollar aplicaciones web modernas y dinámicas utilizando React. Aprenderás desde los conceptos básicos hasta técnicas avanzadas, lo que te permitirá mejorar la experiencia de usuario y optimizar el rendimiento de las aplicaciones.

¿El curso de React 19 se puede bonificar a través de FUNDAE?

accordionIcon
Sí, el curso de React 19 es bonificable a través de FUNDAE, lo que significa que tu empresa puede financiar la formación parcial o totalmente mediante créditos formativos.

¿En qué modalidades se imparte el curso de React 19?

accordionIcon
El curso de React 19 se imparte en dos modalidades: online y aula virtual personalizada. Ambas modalidades están diseñadas para adaptarse a las necesidades de las empresas y proporcionar una formación flexible y efectiva.

¿Qué habilidades desarrollaré con el curso de React 19?

accordionIcon
Al completar el curso de React 19, adquirirás habilidades en desarrollo de interfaces de usuario, manejo de estados, uso de hooks, y la creación de componentes reutilizables. Estas habilidades te permitirán desarrollar aplicaciones web de alta calidad y mejorar tu competitividad en el mercado laboral.

¿Cómo puedo inscribirme en el curso de React 19?

accordionIcon
Para inscribirte en el curso de React 19, debes rellenar los formularios disponibles en la web. Una vez completado el formulario, nuestro equipo se pondrá en contacto contigo para confirmar tu inscripción y proporcionarte toda la información necesaria.