React Hooks: Guia inicial utilizando Redux y Material.UI

Crea un proyecto consumiendo una api REST utilizando el nuevo feature de React.Js: Hooks
Rating: 4.4 out of 5 (457 ratings)
11,607 students
React Hooks: Guia inicial utilizando Redux y Material.UI
Rating: 4.4 out of 5 (457 ratings)
11,607 students
Implementar los hooks de React Js en tu proyecto
Como usar hooks con React-Redux
Manejar el state con Hooks
Como implementar material UI con tus Hooks
Crear un proyecto que consuma una API sin componentes de clase

Requirements

  • Manejo de React Js
  • Conocimiento previo de Redux
  • Consumir una API
Description

En este curso vas a aprender cómo crear un proyecto de React sin utilizar ningún componente clase (class component) utilizando los Hooks de React.Js agregados en la version 16.8.0.

El contenido de este curso esta enfocado en implementar useState y useEffect, los principales hooks para manejar states en nuestros componentes funcionales. Ademas vamos a utilizar React-Redux en su version 7.1.0 (Junio 2019) que incluye useDispatch y useSelector para comunicar nuestros Hooks de React con la store de redux. Para estilizar nuestro proyecto utilizaremos makeStyles de Material.UI (que también es un hook) para crear estilos con Javascript

El proyecto consiste en crear un buscador de películas apoyándonos de la API de IMDB, utilizando búsqueda por titulo de la película o show de television. Cuando la API nos arroje resultados vamos a mostrarlos en un listado con información muy breve y si el usuario desea ver más a detalle podrá darle click a cada titulo que lo llevara a otra pantalla con información mas completa.

Who this course is for:
  • Frontend Developers
  • React Js Developers
Course content
3 sections • 33 lectures • 1h 44m total length
  • Introducción
    02:27
  • ¿Que son los hooks en React?
    02:45
  • Descripcion del proyecto
    01:51
  • Nota Importante antes de comenzar
    00:17
  • Creacion del proyecto
    02:38
  • Removiendo archivos innecesarios
    01:38
  • Instalando Material UI
    02:29
  • Explicación de maquina inicial
    01:04
  • React Hooks: useState
    02:29
  • React Hooks: useEffect
    01:36
  • Creando Home Component
    06:10
  • Aplicando estilos a Home
    04:35
  • Creando MovieIcon
    02:55
  • Creando actions para SearchMovie
    01:47
  • Creando saga para search
    02:25
  • Creando reducer inicial
    01:59
  • Creando Axios config file
    02:08
  • React-Redux (useDispatch, useSelector)
    02:53
  • Creando ruta Results
    04:08
  • Utilizando useDispatch para disparar acciones
    03:25
  • Haciendo Fetch a IMDB
    04:50
  • Implementando useSelector
    04:57
  • Maqueta de MovieResults
    00:42
  • Creando Componente de MovieResult
    03:31
  • Cargando resultados de peliculas de IMDB
    03:32
  • Estilizando MovieResult
    02:24
  • Redirigiendo a detalle de Pelicula
    03:26
  • Maqueta de detalle de pelicula
    00:39
  • Creando metodos para obtener informacion de una pelicula
    05:31
  • Utilizando useDispatch en Movie Results Page
    03:56
  • Mostrando informacion con selectores en MovieDetail
    06:13
  • Finalizando Proyecto
    04:00
  • useCallback Hook
    09:04

Instructor
Sr. Software Engineer at Digital on Us
Juan Jose Ortiz del Toro
  • 4.4 Instructor Rating
  • 915 Reviews
  • 12,936 Students
  • 5 Courses

Soy un Ingeniero en Tecnologia de Software con algunos años de experiencia en programacion. Realmente me gusta aprender cosas nuevas acerca de tecnologia. Amo estar sentado en mi silla pensando sobre mi futuro, puedo verme a mi mismo trabajando en una empresa muy conocida a nivel mundial desarrollando ideas o soluciones para las personas. Mi hobbie favorito sin duda es grabar cursos de mis conocimientos adquiridos durante toda mi carrera