Aprende Redux con React hooks y GraphQL fácilmente

Aprende cómo implementar Redux en un proyecto con React usando hooks y GraphQL

4.70 (447 reviews)
Udemy
platform
Español
language
IT Certification
category
instructor
16,484
students
3 hours
content
Dec 2019
last update
$19.99
regular price

What you will learn

Cómo utilizar React hooks y Redux juntos

Cómo implementar React hooks con Redux

Cómo sustituir Redux por Apollo + GraphQL

Cómo usar GraphQL en conjunto con Redux

Description

En este curso aprenderás no sólo cómo utilizar React y Redux juntos, también aprenderás como utilizar hooks para lograr la implementación de estas 2 herramientas en un mismo proyecto, la era de hooks está aquí y hay que complementarlos con Redux, en este curso aprenderás todo lo necesario construyendo una aplicación completa. Además aprenderás cómo usar GgraphQL en conjunto con React y exploraremos el uso de GraphQL con Redux en su sustitución y conjunción.

Content

Preparándonos

Recursos
Clonando el proyecto
¿Qué vamos a construir?
Instalando las herramientas

Configurando Redux en nuestro proyecto

¿Qué es un duck?
Creando un Store
Conectando <App/> a Redux con Provider
Probando que Redux esté funcionando

Trabajado con Redux en React

Creando el duck para los personajes
Agregando el duck al store y despachando nuestra primer acción
Completando el reducer de personajes
Conectando componentes a Redux para obtener datos
Conectando componentes a Redux para obtener acciones
Código de la parte 1 (Intro a Redux) de este curso

Agregando autenticación de usuarios

Agregando Firebase a nuestro proyecto
Creando el action para hacer login y respaldar el store
Probando el login con Google y agregando los datos al store
Recuperando la sesión iniciada
Cerrando sesión
Middleware para las rutas

Personajes favoritos de Rick and Morty

Agregado favoritos con un action
Leyendo los favoritos con connect
Respaldando los favoritos en firebase
Leyendo los favoritos desde Firebase
Un reto para ti

Sustituyendo Redux por GraphQL

GraphQL Playground de Rick and Morty
Instalando GraphQL y Apollo
Usando useQuery en el componente HomePage
Agregando un state local con useQuery

Usando GraphQL con Redux

¿Cómo vamos a hacerlo?
Sustituyendo axios por un cliente de Apollo

Extra Tips <fixes>

Variables en GraphQL
Usando variables dentro del Action con el cliente de Apollo
Pidiendo la siguiente página de forma dinámica

Screenshots

Aprende Redux con React hooks y GraphQL fácilmente - Screenshot_01Aprende Redux con React hooks y GraphQL fácilmente - Screenshot_02Aprende Redux con React hooks y GraphQL fácilmente - Screenshot_03Aprende Redux con React hooks y GraphQL fácilmente - Screenshot_04

Reviews

Carlos
July 23, 2023
La versión en github no es exactamente igual que ladel video, pero por ahora se puede seguir sin problema.
Breogán
March 22, 2023
Estaría bien actualizarlo en concordancia a la nueva versión de react y react router, todo lo demás bien.
Yuri
August 1, 2022
Como primer acercamiento OK. Pero no así para incrementar buenas prácticas. Pero dentro de todo, últil para visualizar el uso de las librerias de AXIOS, APOLLO y REDUX
Juan
July 12, 2022
En general el curso es bueno, pero hay muchas preguntas que se quedan sin contestar (en la sección de preguntas y respuestas).
Lenin
July 11, 2022
En poco tiempo explica exactamente lo que deseas aplicar de redux en un proyecto... la parte de GraphQl como sustituto de Axios es super secilla a pesar de no ser un curso dedicado a graphql, se entiende la imlementacion basica.. Excelente
Sebastian
March 26, 2022
The course is out of date. Problems when I tried to configure firebase and ApolloClient (it changes a lot) that took me a lot of time to solve it.
Josue
August 31, 2021
Vine con 0 conocimientos de Redux y me voy sabiendo muchisimo, Hector me parecio un excelente instructor, muy carismatico y con el don de la enseñanza, recomiendo este curso al 100%.
Hector
August 1, 2021
Sabía que hacia Redux, pero no sabía implementarlo, gracias al curso logre entenderlo de la mejor manera, gracias tocayo.
Jorge
May 25, 2021
muy buen curso, no le di las 5 estrellas porque eso de programar en javascript sin ; me parece un poco infantil :v
Douglas
May 20, 2021
El instructor va directo al tema de interes y eso es bueno cuando ya se tiene cierta nocion del framework
Rafael
May 10, 2021
Excelente curso, estaba investigando como hacer aplicaciones con Redux y este curso lo enseña muy fácil, además de aplicar una mejor estructura del patrón.
Luis
May 3, 2021
aunque es un curso con actualización del 2019, según lo que veo, explica muy bien el uso de redux, graphql
Ivan
February 18, 2021
Este curso me parece espectacular el profesor explica de manera clara y directa todo en este curso. Lo único no tan positivo que veo es que seria mejor utilizar los hooks de redux como son useSelector y use useDispatch
Sabina
January 20, 2021
El curso va directo a resolver las partes importantes y conectar la información crucial para poder aplicar redux, graphql o firebase a cualquier proyecto. Nivel de detalle adecuado y útil. Fue una buena elección.
ReilA
January 2, 2020
Muy buen instructor. Son temas más avanzados de mi nivel sin embargo entendí algunas cosas muy bien, espero poder aplicarlo en algún proyecto y así consolidar los conocimientos poco a poco.

Coupons

DateDiscountStatus
1/3/2020100% OFF
expired
7/9/2020100% OFF
expired
5/3/2021100% OFF
expired

Charts

Price

Aprende Redux con React hooks y GraphQL fácilmente - Price chart

Rating

Aprende Redux con React hooks y GraphQL fácilmente - Ratings chart

Enrollment distribution

Aprende Redux con React hooks y GraphQL fácilmente - Distribution chart
2282740
udemy ID
3/20/2019
course created date
1/2/2020
course indexed date
Bot
course submited by