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="M816 460.577C816 413.188 756.855 368.286 666.162 340.438C687.095 247.706 677.792 173.938 636.805 150.306C627.396 144.785 616.407 142.163 604.394 142.144V142C564.432 142 512.112 170.577 459.208 220.146C406.314 170.866 353.994 142.576 314.022 142.576V142.73C301.818 142.73 290.772 145.351 281.181 150.892C240.337 174.514 231.187 248.147 252.254 340.582C161.857 368.574 103 413.341 103 460.615C103 507.995 162.154 552.906 252.838 580.754C231.914 673.438 241.199 747.215 282.195 770.838C291.643 776.379 302.689 779 314.893 779C354.865 779 407.185 750.423 460.079 700.854C512.983 750.135 565.303 778.414 605.265 778.414C617.479 778.414 628.525 775.793 638.116 770.252C678.95 746.63 688.11 673.006 667.033 580.571C757.123 552.724 816 507.812 816 460.577ZM604.251 174.515V174.659C610.951 174.659 616.311 175.965 620.82 178.442C640.586 189.879 649.162 233.091 642.471 288.786C640.873 302.489 638.26 316.931 635.063 331.652C604.688 324.304 573.859 318.995 542.78 315.76C524.264 290.136 504.064 265.781 482.315 242.856C529.619 198.79 574.023 174.601 604.251 174.515ZM330.734 535.228C337.569 546.885 344.546 558.258 351.668 569.346C331.031 566.283 311.121 562.49 292.083 557.823C297.453 539.021 304.144 519.623 311.696 500.207C317.659 511.893 323.909 523.56 330.734 535.228ZM291.643 363.341C310.681 358.818 330.734 354.881 351.524 351.817C344.403 363.043 337.281 374.566 330.591 386.387C323.89 398.045 317.659 409.712 311.696 421.379C303.847 401.818 297.166 382.287 291.643 363.331V363.341ZM328.705 461.019C337.712 441.487 347.849 421.945 358.789 402.846C370.123 383.17 381.762 364.503 393.813 347.151C415.465 345.23 437.413 344.27 459.505 344.27C481.444 344.27 503.392 345.288 524.9 347.035C536.96 364.387 548.734 382.901 560.067 402.443C571.113 421.539 581.192 440.882 590.305 460.471C581.144 480.003 571.113 499.544 560.22 518.644C548.877 538.329 537.248 556.987 525.187 574.339C503.535 576.26 481.597 577.22 459.505 577.22C437.413 577.22 415.608 576.193 394.1 574.445C382.04 557.093 370.266 538.579 358.933 519.038C347.887 499.941 337.811 480.598 328.705 461.009V461.019ZM588.266 534.796C594.966 523.138 601.197 511.327 607.161 499.66C615.01 519.201 621.691 538.733 627.214 557.688C608.175 562.355 588.122 566.331 567.342 569.355C574.463 558.12 581.585 546.597 588.266 534.786V534.796ZM588.122 385.955C581.422 374.288 574.31 362.909 567.188 351.837C587.825 354.9 607.745 358.693 626.783 363.36C621.404 382.162 614.713 401.559 607.161 420.976C601.197 409.251 594.947 397.593 588.122 385.926V385.955ZM499.467 312.62C486.392 312.034 473.02 311.602 459.505 311.602C445.836 311.602 432.321 311.89 419.102 312.62C431.575 296.355 444.915 280.78 459.064 265.96C473.317 280.801 486.803 296.365 499.467 312.591V312.62ZM297.309 179.037C301.674 176.416 307.341 175.196 314.022 175.196V175.052C344.106 175.052 388.682 199.059 436.102 243C414.461 265.847 394.405 290.153 376.076 315.75C344.936 318.949 314.053 324.307 283.65 331.786C280.31 317.21 277.84 303.065 276.088 289.535C269.264 233.859 277.687 190.561 297.309 179.037ZM260.687 549.219C246.329 544.706 232.642 539.741 219.997 534.354C168.548 512.335 135.267 483.46 135.267 460.577C135.267 437.694 168.548 408.723 219.997 386.8C232.488 381.403 246.157 376.592 260.247 372.079C269.143 402.38 280.07 432.043 292.954 460.865C280.207 489.545 269.427 519.065 260.687 549.219ZM314.606 746.63C308.068 746.486 302.545 745.18 298.18 742.702C278.414 731.323 269.847 688.025 276.529 632.329C278.127 618.627 280.74 604.184 283.937 589.463C314.316 596.807 345.148 602.116 376.229 605.356C394.737 630.98 414.934 655.332 436.685 678.249C389.305 722.431 344.834 746.63 314.606 746.63ZM459.792 655.222C445.538 640.369 432.053 624.792 419.389 608.553C432.474 609.139 445.836 609.571 459.352 609.571C473.02 609.571 486.536 609.283 499.755 608.553C487.282 624.821 473.942 640.4 459.792 655.222ZM621.691 742.116C617.374 744.738 611.631 745.871 604.978 745.871C574.894 745.871 530.318 721.807 482.898 677.923C504.542 655.079 524.598 630.772 542.924 605.173C574.064 601.97 604.946 596.611 635.35 589.137C638.617 603.134 641.142 617.295 642.912 631.561C649.736 687.295 641.304 730.593 621.691 742.116ZM698.859 534.354C686.416 539.741 672.699 544.552 658.657 549.075C649.762 518.774 638.834 489.111 625.95 460.289C638.697 431.611 649.477 402.095 658.217 371.945C672.575 376.458 686.263 381.413 699.06 386.809C750.423 408.819 783.733 437.684 783.733 460.577C783.733 483.47 750.308 512.527 698.859 534.354Z" fill="%2361D9FB"/>
<path d="M458.986 525.847C495.92 525.847 525.861 496.59 525.861 460.5C525.861 424.41 495.92 395.153 458.986 395.153C422.051 395.153 392.11 424.41 392.11 460.5C392.11 496.59 422.051 525.847 458.986 525.847Z" fill="%2361D9FB"/>
</svg>)
Curso de React 19
DISPONIBLE EN MODALIDAD:
Online
Aula Virtual Personalizada
Empieza tu formación para crear aplicaciones de calidad con una de las librerías más famosas para el desarrollo web con este curso de React JS.
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.
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
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: Ú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 Online
60 horas lectivas
Plazas limitadas
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
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
Preguntas Frecuentes de React 19
¿Cuáles son los beneficios del curso React 19?
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?
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?
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?
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?
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.