(+34) 91 172 33 13 info@fictizia.com Plaza de España 12, Madrid

Desarrollo interactivo y Web

Curso de React + Redux

Desarrollo de aplicaciones complejas con ReactJS, gestión de estados con Redux, testing con Enzyme

Desarrollo interactivo y Web

Curso de React + Redux

  • Desarrollo de aplicaciones complejas con ReactJS
  • gestión de estados con Redux
  • testing con Enzyme
Duración 30 horas
Coste 720 €
Plazas 8 alumnos
Modalidad Presencial
Requerimientos Conocimientos medios de JavaScript

Enfoque y objetivos del Curso

React (también llamado ReactJS o React.js) es una librería de JavaScript que facilita enormemente el desarrollo eficiente de interfaces de usuario fácilmente mantenibles.

Programa de estudios

  1. ¿Qué es (y qué no es) React?
    • La filosofía de React
    • Node
    • Webpack
    • Babel
  2. La famosa Hello World
    • Configurando Webpack
    • Introducción/repaso de ES6
    • La función pura
    • Renderizando un componente «Hello World»
  3. JSX y el DOM virtual
    • Qué es JSX
    • Qué es el DOM virtual
    • ReactElement
  4. Descomponiendo una App antes de picar código
    • Separación de la App en componentes
    • Componentes «gestores» VS componentes «de presentación»
    • Esquema «Padre – Hijo(s)»
  5. Flujo de Datos en React
    • Qué son las «props»
    • One-way data flow
    • Implementación de un sistema de «upvote»
  6. El estado
    • Qué es el «state»
    • Determinando un dato si se rige por «state»
    • Determinando si una parte de «state» vive en un componente
  7. Persistencia de datos
    • React + Express
    • Cambios en React al cerrar/actualizar el navegador
    • Implementación de una API para persistir datos en una aplicación de temporizadores
  8. React-router
    • Configuración de rutas
    • Implementación de una aplicación con rutas
  9. Peticiones HTTP usando Axios
    • Axios
    • Promesas
    • Montando una aplicación usando la API de SoundCloud o Spotify
  10. Formularios
    • El botón básico
    • Eventos y gestores de eventos
    • Accesando input de usuario con refs
    • Uso del input de usuario
    • Componentes «sin control» VS componentes controlados
    • Accesando input de usuario con state
    • Añadiendo validación a nuestra aplicación
    • Creando un componente para un «campo»
  11. React + Redux
    • ¿Qué es Redux?
    • El concepto de «reducer»
    • Ventajas Redux para preservar el estado de nuesta app
    • Ejemplo en vivo con una app de votación
    • Ejemplo en vivo con una app de tareas pendientes
  12. Bola Extra: Tests unitarios de Aplicaciones React
    • Testeando con Enzyme