[TWB-170] React

Duración:                     30 horas

Perfil:                            Avanzado/Experto

Dirigido a 

Esta acción formativa va dirigida a todas aquellas personas que quieran conocer como se crean SPAs con la librería de React y que otras librerías se suelen usar junto a ella.

Requisitos previos 

Los alumnos necesitarán tener experiencia previa con HTML, CSS y JavaScript (ES6) para poder sacar partido de los conocimientos y del material del curso.  

Objetivos

Al acabar el curso, el alumno será capaz de desarrollar SPAs usando la librería de React, añadirles el routing usando la librería React-Router y gestionar el estado con Redux.

Contenido

1. Introducción a React
   1. ¿Qué es MV * y SPA (aplicación de una sola página)?
   2. Diferencia entre MV * frameworks y React
   3. React vs. bibliotecas (por ejemplo, jQuery) y otros marcos (por ejemplo, Backbone.js)
   4. Descripción general de React
2. Fundamentos React
   1. Creación de un proyecto de React
      1. Desde 0
      2. Con create-react-app
   2. Virtual DOM 
      1. Introducción
      2. Detección de cambios
      3. Flujo de datos unidireccional
   3. JSX
      1. ¿Qué es JSX?
      2. JIT vs Preproceso
      3. Expresiones
      4. Atributos de HTML
   4. Componentes
      1. Descripción de los componentes
      2. Definición de componentes
      3. Renderizado
      4. Propiedades
      5. Composición de componentes
      6. Estado
      7. Ciclo de vida de los componentes
   5. Eventos
      1. Introducción
      2. Manejo de eventos DOM
      3. Eventos personalizados o eventos de componentes
   6. Formularios
      1. Introducción
      2. Componentes controlados
      3. Componentes no controlados
      4. Refs
3. React Avanzado
   1. Fragments
   2. Context API
   3. Higher Order Components
   4. React Hooks
4. Enrutamiento
   1. Introducción
   2. Manejo del enrutamiento en React
   3. Conocer más sobre componentes de enrutamiento de terceros
5. REDUX
   1. Introducción
   2. Dispachers
   3. Comportamiento
   4. Almacenamiento
   5. Componentes / Vistas