React - Desarrollo de aplicaciones web
10065
Avanzado
Técnicas de programación
24 horas
420 €
Convocatorias
Inicio - Fin
Horario  
8 febrero - 19 febrero Lun, Mie, Vie de 09:30 a 13:30 Sin definir
9 marzo - 25 marzo Mar, Jue de 15:30 a 19:30 Sin definir
Descripción

React es una librería JavaScript de código abierto y utilizada para la creación de interfaces de usuario reactivas. Esta librería fue creada por Facebook la cual les ha beneficiado en el desarrollo de algunas de sus plataformas, por ejemplo Instagram. React utiliza principios de arquitectura, distintos a los usados en otras populares librerías o frameworks, que ofrecen grandes beneficios en relación al performance, modularidad y promueve un flujo de datos y eventos facilitando el desarrollo y planificación de aplicaciones complejas.

En este curso estableceremos las bases de esta librería, veremos el estado actual, los diversos métodos para crear componentes, creación de formularios, navegación y cómo manejar el estado de nuestra aplicación.
Objetivos
El objetivo de este curso es establecer las bases fundamentales del desarrollo de aplicaciones web con React.

Requisitos previos

Para poder iniciar y seguir el curso con normalidad, es necesario tener conocimientos de HTML 5, CSS 3 y JavaScript (ES6 aka "moderno" y npm).
Contenido
  • Introducción a React
    • Qué es React
    • El ecosistema de React
    • Programación imperativa vs declarativa
    • Herencia vs Composición
    • Componentes funcionales vs Componentes de Clase
  • Hello World
    • NPM install ...
    • Webpack
    • Nuestro primer componente
    • JSX
  • Props
    • Cómo pasamos información a nuestro componente
    • Eventos
    • Listas
    • Children
    • Validación de propiedades
  • Estado de la aplicación
    • Estado interno de los componentes
    • Ciclo de vida de un componente
    • Compartiendo el estado entre componentes
  • Formularios
    • Creación de formularios
    • Controlled Components vs Uncontrolled Components
    • Validación de formularios
  • Navegación entre componentes
    • React Router
    • Query strings
    • Páginas 404
  • React en la práctica
    • Generar proyecto utilizando Create React App
    • Preparar la aplicación para producción
  • Testing
    • Introducción a Jest
    • Probando nuestros componentes
    • Mocks de otros componentes
    • E2E Testing con Cypress
  • Extras
    • Flux y Redux
    • React Hooks
    • SSR (Server Side Rendering)
    • TypeScript
    • CSS in JS