(+34) 91 172 33 13 info@fictizia.com C/ Eduardo Benot 2, 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 No hacen falta requerimientos previos

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

Tus profesores

En Fictizia tenemos muy claro que quién imparte las clases siempre es clave. Con el objetivo de ofrecer una formación que responda a la realidad del mundo laboral, el equipo de profesores de Fictizia​ está formado por profesionales con una larga trayectoria profesional, lo que les capacita para reconocer las necesidades reales de un sector tan cambiante y exigente como el actual. Cada profesor de Fictizia es un especialista de alto nivel en su campo que además comparte en las aulas de Fictizia sus conocimientos, sus enorme experiencia, sus tropiezos, sus aciertos y la pasión por su trabajo. Por eso estamos tan orgullosos de nuestro profesorado.

Giancarlo Guerra Salvá

Giancarlo Guerra Salvá

Programador especializado en Web Components y distintos frameworks JavaScript como React y Polymer. Hoy en día se encuentra centrado en tecnologías JS aunque también tiene una enorme experiencia con bases de datos MySQL, Oracle y MongoDB. Tras graduarse Computer Science por The American University of Washington DC, ha trabajado en distintos proyectos como desarrollador Full-Stack tanto en los EEUU como en Canadá. En España, Giancarlo participa en proyectos como Cells del BBVA, integrado en el equipo de Kairós DS.

Rutas formativas relacionadas

En el mundo de la visualización de arquitectura que siempre tratamos de lograr un resultado cercano a la realidad para ofrecer a nuestros clientes la sensación de ver el proyecto terminado. Pero en general estamos limitados a las imágenes y los vídeos de estos ambientes todavía. ¿Y si pudiéramos entrar en las habitaciones, abrir las puertas, caminar sobre ella, encender y apagar las luces, cambiar la decoración y seguir manteniendo fotorealismo?