Más del 70% de las empresas usan React en sus aplicaciones web
Profesionaliza a tu equipo con React 19 mejorando calidad de código en formato Online y A Medida, tutorizado y bonificable por FUNDAE para empresas. Infórmate.
Domina React 19 desde la base hasta un nivel avanzado con un temario actualizado y enfocado en aplicaciones empresariales.
1
Optimiza tu código con herramientas avanzadas, como depurar eficiente con React DevTools y Chrome Debugger, gestionar el estado global con Redux y Context API, mejorar el rendimiento con React Memo, useMemo y useCallback y, crear interfaces modernas con Material UI y Bootstrap.
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 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
Introducción al IDE Visual Studio Code
Instalación de Visual Studio Code
Lista de extensiones imprescindibles para proyectos React
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Perfiles profesionales
Pensado para quienes deben dominar React 19 en su día a día
Desarrolladores Frontend
Buscan mejorar sus habilidades en React para crear aplicaciones modernas, eficientes y escalables, adaptándose a las necesidades empresariales.
Ingenieros de Software
Necesitan optimizar el rendimiento y la estructura del código en proyectos empresariales, asegurando soluciones robustas con React.
Equipos de Desarrollo TI
Requieren formación en las últimas versiones y herramientas de React para desarrollar aplicaciones innovadoras y mantener su competitividad.
Preguntas frecuentes
Resolvemos todas tus dudas sobre nuestra formación en React 19
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 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.
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.
Te ofrecemos la posibilidad de gestionar la bonificación por ti, si así lo deseas, por un coste adicional del 10% del valor del curso + IVA. Este importe también es bonificable hasta el 100% si tu empresa dispone de crédito de formación suficiente.
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.
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.
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.
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.
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.
Te ofrecemos la posibilidad de gestionar la bonificación por ti, si así lo deseas, por un coste adicional del 10% del valor del curso + IVA. Este importe también es bonificable hasta el 100% si tu empresa dispone de crédito de formación suficiente.
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.
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.
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.
Diseñemos hoy el curso que tu empresa necesita
Cuéntanos tus objetivos de negocio y prepararemos una propuesta formativa bonificable totalmente ad hoc
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.