REACT JS Y REDUX

(React, Redux, MboX , REST, Axios, Postman, RDT, Jest y Enzyme)

Conceptualización, diseño, desarrollo, pruebas y despliegue aplicaciones web basadas en React y Redux consumiendo servicios REST en back-end. Se desarrollará un caso práctico empresarial incluyendo pruebas, depuración, monitoreo.

  • Descripción
  • Sesiones

Descripción

CURSO

REACT JS Y REDUX
(React, Redux, MboX , REST, Axios, Postman, RDT, Jest y Enzyme)

RESUMEN

Conceptualización, diseño, desarrollo, pruebas y despliegue aplicaciones web basadas en React y Redux consumiendo servicios REST en back-end. Se desarrollará un caso práctico empresarial incluyendo pruebas, depuración, monitoreo.

CAPACIDAD

Al culminar el curso, el alumno contará con sólidos conocimientos teóricos y prácticos para la conceptualización, diseño, desarrollo, despliegue y consumo de servicios REST utilizando React y Redux; herramientas de automatización para la creación de proyectos, pruebas y análisis de código.

REQUISITOS
  • Conocimientos básicos de JavaScript.
    Conocimientos básicos de HTML.
    Conocimientos avanzados de servicios REST.
    Conocimientos de arquitecturas (fullstack: back-end y front-end).
METODOLOGÍA
  • Exposición de aspectos teóricos.
  • Desarrollo de casos prácticos.
  • Compartir experiencias de los participantes (instructor y alumnos).
  • Discusión de casos empresariales (casuísticas).
  • Evaluación continua (teórica y práctica en cada sesión).
TECNOLOGÍAS Y RECURSOS
  • Servicios REST.
  • Webpack.
  • React y Redux.
  • Redux y MboX.
  • DOM, HTML y CSS.
  • Jest y Enzyme.
  • Axios.
Sesión 01:

INTRODUCCIÓN A REACT Y AMBIENTE DE DESARROLLO

  • ¿Qué es React? y ¿cuál es su filosofía?.
  • Ecosistema de React.
  • Componentes (corazón y alma de React), elementos e instancias.
  • Props, state y data binding.
  • Herramientas de desarrollo (Webpack).
  • Configuración del ambiente de desarrollo.
  • Mi primera aplicación en React.
  • Buenas prácticas y convenciones.
Sesión 02:

COMPONENTES, JSX Y EVENTOS

  • Componentes de clase y funcionales.
  • Componentes con y sin estado (stateful y stateless).
  • Componentes de contenedor y de presentación.
  • Componentes controlados y no controlados.
  • PureComponents.
  • Virtual DOM y JSX.
  • Eventos con y sin argumentos.
  • Condicionales (if, ?, &&, switch, enums).
Sesión 03:

GESTIÓN DE FORMULARIOS Y ENRUTAMIENTOS

  • Interfaz de usuario (UIs).
  • Creando un formularios.
  • Diseñando componentes con CSS.
  • Creando componentes reusables.
  • Enrutamiento.
Sesión 04:

INTEGRANDO REACT CON REDUX

  • ¿Qué es Redux?.
  • Redux versus MboX.
  • Actions, Reducers y Data flow.
  • Integrando Redux con React.
  • Usando redux-form package.
  • Validaciones sincrónicas y asincrónicas.
  • Organización del Proyecto (actions,components,constants,reducers,index,rootReducer).
Sesión 05:

CREACIÓN DE SERVICIOS REST

  • aIntroducción a REST(Representational State Transfer).
  • JAX-RS 2.0 y RESTful.
  • Recursos, métodos y anotaciones: @Path, Métodos HTTP (@GET, @PUT, @POST y @DELETE)
  • Producción y consumo (@Produces, @Consumes y application/json).
  • Creando un servicio REST CRUD con acceso a base de datos.
  • Pruebas del servicio usando Postman.
Sesión 06:

CONSUMO SERVICIOS REST

  • Ciclo de vida de componentes y librerías a utilizar (fetch y axios).
  • Recepción de datos del servidor y visualización (get).
  • Redireccionamiento (React Router and Routes).
  • Captura y envío de datos al servidor (post, put y delete).
  • Gestión de errores y excepciones.
Sesión 07:

PRUEBAS, DEPURACIÓN, MONITOREO

  • Console.log, debbuger y breakpoints.
  • Pruebas en React (React Developer Tools).
  • Pruebas en Redux (Redux Dev Tools).
  • Pruebas de componentes con Jest y Enzyme.
  • Herramientas complementarias (redux-logger y redux-devtools).
Sesión 08:

REPASO, EVALUACIÓN Y LECCIONES APRENDIDAS

  • Repaso general de un caso práctico.
  • Evaluación teórica y solución por parte del instructor.
  • Evaluación práctica y solución por parte del instructor.
  • Lecciones aprendidas.
  • Cierre del curso.