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.3 out of 5 (408 ratings)
10,994 students
React Hooks: Guia inicial utilizando Redux y Material.UI
Rating: 4.3 out of 5 (408 ratings)
10,994 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
Curriculum
3 sections • 33 lectures • 1h 44m total length
  • Introducción
  • ¿Que son los hooks en React?
  • Descripcion del proyecto
  • Nota Importante antes de comenzar
  • Creacion del proyecto
  • Removiendo archivos innecesarios
  • Instalando Material UI
  • Explicación de maquina inicial
  • React Hooks: useState
  • React Hooks: useEffect
  • Creando Home Component
  • Aplicando estilos a Home
  • Creando MovieIcon
  • Creando actions para SearchMovie
  • Creando saga para search
  • Creando reducer inicial
  • Creando Axios config file
  • React-Redux (useDispatch, useSelector)
  • Creando ruta Results
  • Utilizando useDispatch para disparar acciones
  • Haciendo Fetch a IMDB
  • Implementando useSelector
  • Maqueta de MovieResults
  • Creando Componente de MovieResult
  • Cargando resultados de peliculas de IMDB
  • Estilizando MovieResult
  • Redirigiendo a detalle de Pelicula
  • Maqueta de detalle de pelicula
  • Creando metodos para obtener informacion de una pelicula
  • Utilizando useDispatch en Movie Results Page
  • Mostrando informacion con selectores en MovieDetail
  • Finalizando Proyecto
  • useCallback Hook

Instructor
Sr. Software Engineer at Digital on Us
Juan Jose Ortiz del Toro
  • 4.3 Instructor Rating
  • 844 Reviews
  • 12,271 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