Desarrollo Web con ReactJS

  • Nivel del curso: Principiante

Acerca de este curso

ReactJS, fue creado por los desarrolladores de Facebook e Instagram. Sigue un flujo de datos unidireccional, un DOM virtual y una diferencia de DOM que se aprovechan generosamente para aumentar el rendimiento de la interfaz de usuario. Este curso le ayudará a implementar el paradigma reactivo para crear aplicaciones sin estado y asíncronas con React. Comenzaremos con una descripción general de ReactJS y su evolución para luego construir componentes y conocer la sintaxis de JSX. Aprenderá a dividir la UI en componentes y cómo establecer comunicación entre ellos así como responder a las entradas / eventos de los usuarios para que la UI refleje su estado.

Descripción

> Módulo 1. Comenzando con ReactJS

Introduciendo ReactJS

Descargando ReactJS

Herramientas

Probando ReactJS

Create-react-app

 

> Módulo 2. Explorando JSX y la Anatomía de ReactJS

¿Qué es JSX?

¿Por qué JSX?

La anatomía de ReactJS

Aprendiendo JSX y Gotchas

 

> Módulo 3. Trabajando con props, componentes y eventos

Props de los componentes

Representación de datos en un componente ReactJS

Props versus estados en ReactJS

Explorando las props del estado

Profundizando sobre estados

Eventos

 

> Módulo 4. Ciclo de vida de componentes y Flux

Ciclo de vida del componente React

Otras versiones de ES (ECMAScript) en React

Una visión general de Flux

Flux versus la arquitectura MVC

Comportamiento

Dispatchers

Stores

Controlador-Vistas y vistas

Revisando el código

Usando la librería de Hooks

 

> Módulo 5. Haciendo tu componente reutilizable

Entendiendo Mixins

Validaciones

La estructura del componente.

Refactorizando código

 

> Módulo 6. Consumo de datos desde React

Fetch de data y uso de Axios

Peticiones a una API REST

Aprovechar y crear nuestras propias API’s en proyectos robustos

Manejo de estados con Context API

 

> Módulo 7. La importancia de la librería React Router

Manejo de rutas con React

Uso de Link y NavLink

Pops en React Router

 

> Módulo 8. Otras librerías útiles para ReactJS

Conociendo Material UI

Una introducción a Redux

Enriqueciendo tu proyecto con React-icons-kit

Implementando React-Bootstrap

¿Qué aprenderé?

  • Comprender los conceptos básicos de ReactJS a través de una visión general.
  • Instalar y crear tus componentes React.
  • Refactorizar componentes ReactJS usando JSX
  • Integrar aplicaciones React con terceros como el inicio de sesión de Facebook, y recuperar datos
  • Manejar eventos de elementos de la interfaz de usuario con React, responder a las entradas de los usuarios y crear componentes con estado
  • Usar algunos eventos básicos del ciclo de vida para la integración
  • Comprender la arquitectura de FLUX
  • Hacer un componente más reutilizable
  • Hacer uso de las librerías que más se han popularizado
$4,640.00

Materiales incluidos

  • Material de apoyo digital
  • Certificado de finalización
  • Grabación de las clases en vivo
  • NFT de finalización del curso (próximamente)

Requisitos

  • Computadora con sistema operativo Windows, Mac o Linux
  • Conexión estable a internet
  • Cámara y micrófono
  • Actitud de participación

Audiencia objetivo

  • Programadores y público en general, con experiencia trabajando con JavaScript, HTML5 y CSS3, que desean aprender a desarrollar aplicaciones web aprovechando al máximo todos los beneficios que brinda ReactJS.