useReducer - explicado al detalle con 3 mini apps - init - types - actions - React Hooks

[@martinandonegui7256]

Injusto que este canal tenga menos de 1 millón de seguidores. Qué bien que entiendo todo acá

[@ExcipienteCBP]

Horas y horas investigando y revisando información y tutoriales para entender este hook; pero no terminaba de entender el concepto. Aquí a la primera, explicas muy bien. Por favor no dejes de crear contenido. Te sigo desde ya.

[@AlejandroSanchez-ls4hh]

Sube más videos por favor!!!, son las mejores explicaciones de todo youtube! Gracias!!!

[@Arixkka]

Hola Luis, espero que vuelvas pronto o me adoptes y mentorices porque explicas de fabula. He entendido tantas cosas gracias a ti, q nose como pagarte

[@tecladista91]

Cada vez que necesito refrescar algún tipo de conocimiento, veo tus videos, creo que sos uno de los mejores explicando, sigue subiendo videos que la rompes!!!

[@guillermoffunaro6987]

Una obra de arte hermano, felicitaciones desde Argentina!!

[@cristianchoque1418]

tus videos son ORO PURO!!👏👏👏👏

[@pablocharamello1559]

Un genio estimado, eres uno de los mejores explicando! gracias y sigue así porfa!

[@cristianroldan337]

Que buen video. Un suscriptor más!!! Solo vi este (por el momento) del canal, y me ancantó la forma de escalar la complejidad. Gracias Luis Cabrera!!!

[@ep4r4]

Coño a ti si te entendí, me gusta como explicas en este video, espero ver la misma manera de enseñar en videos siguiente.

[@correocorreo7676]

Fuerte el video. Muy bueno, pero hay que repasarlo varias veces y bueno el ejemplo

[@ramoneduardogonzalezbenite1480]

Estimado, usted es la persona que mejor explica estos temas, lo felicito

[@facundocaceres2023]

Muchísimas gracias, Crack! Espectacular video y explicación!

[@mauricioantoni1]

Dios bendiga el día que me encontré con tu Canal (15-08-2021). Qué manera tan sencilla y tan clara de explicar todo. Contigo hasta mi mamá podría aprender React. De verdad te felicito. Muchas gracias, un abrazo

[@adanuriplata8443]

Explicas muy bien. Gracias por compartir

[@alvenisbecerra8443]

gracias por tu aporte mi pana. full agradecido, explicas demasiado bien

[@gonzalodecastro2550]

Excelente video, vengo de ver los de useContext. Sos excelente profesor! gracias por todo! PD: tenes la voz igual a N°17 de DBZ.

[@LuisCabrera]

jaja nunca me di cuenta

[@jorgeluisrh3807]

bro explicas muy bien, gran aporte

[@emilianogaming7785]

Nuevo suscriptor que bien explicas

[@RAFAELSISTEM]

1:00:32 init

[@twitch-clipz]

Llevo casi 10 horas viendo otros videos de useReduce y en menos de 1 hora explicaste mas a detalle, mejor y mas claro. Sigue subiendo videos, los vere TODOS

[@justinlu5730]

La verdad es que tus videos son oro puro, me han ayudado a aclarar muchas dudas.

[@davidperdomo9]

Explicas muy bien!! te felicito! y muchas gracias por brindarnos estos videos!! Saludos desde Argentina.

[@sebrival]

te ganaste un sub, explicas muy bien y eso que ya termine cursos en udemy de react

[@luiscastillo1444]

El Mejor tutorial de useReduce dentro de todos los servidores existentes de KZbin. Una joya este contenido.

[@LuisCabrera]

Gracias tocayo Luis por tus palabras saludos!!

[@fabian-henao]

Sos un crack para explicar, se entiende super claro!

[@cristianstafe]

Excelente. Lo complete haciendo paso a paso toda la practica. Espero me sirva para ganar en conocimiento. Muchísimas gracias!!

[@Neil_Jordan]

tremenda clase, muchas gracias :)

[@studipitytries]

Muy bueno. A veces no es difícil entender el useReducer, sino en qué momentos utilizarlo. Con estos ejemplos me quedó bien claro. Gracias!!

[@DerlisRuizDiazR]

Qué joyas de vídeos !

[@LuisCabrera]

Gracias amigo 🙂 me alegra que te gusten

[@Danny-do6dm]

Gracias por esta genial explicacion, tenia problemas entendiendo useReducer y la parte de update los estados, este video aclaro todas las dudas que tenia!

[@jorgellanque7704]

Es un video muy pesado, pero vale la pena verlo

[@INAVACL]

esto lo voy a tener que ver 10 veces... que complejo

[@LaComitivax]

estuve viendo varios de los videos de hooks y ademas de explicar excelente, inculca buenas practicas de desarrollo con react, y eso le da un valor agregado al canal

[@LuisCabrera]

Gracias por tu comentario :)

[@cristiancena5757]

Este canal es la gloria!! muchas gracias!!

[@nicksiuxs]

Hola Luis, me encantó este video, aclaraste muchas dudas respecto a este hook, ojalá sigas subiendo más contenido de este tipo

[@LuisCabrera]

Genial :) he estado un buen tiempo sin subir pero pronto retomo

[@Arixkka]

@@LuisCabrera me alegra mucho leer esto

[@phantasmFES]

muchas gracias por el video, muy util!

[@mauro20GD]

Gracias por este video, me sacaste todas las dudas que tenia y lo explicaste de una manera impecable. Un genio

[@franmartin2758]

Muchas gracias por este nuevo video. Esperando ver más!!! Gracias

[@edwindev]

Tengo dos situaciones, la primera es que el valor por defecto que me carga siempre es el último valor del state y no sé si sea correcto y lo segundo: ¿Por qué elegirlo por encima del useState que al parecer es más sencillo?( Minutos 13:05 ). Saludos y gracias por compartir contenido.

[@frenkdev]

Eres un genio

[@S4MBENTZ]

excelente tutorial

[@ericcarvajalcortes5206]

Muchas gracias amigo ! Aportas mucho valor 👍

[@rapustin]

Luis! Te extrañaba! Muchas gracias :)

[@LuisCabrera]

jaja gracias amigo

[@YusufSalahAdDin]

Ese apunte de no usar funciones dentro del reductor no me lo sabía, aunque no lo hacía así, es bueno saber que no es recomendado. Gracias.

[@erickhilario8782]

de hecho no hay problema con que uses funciones, siempre y cuando sean funciones puras, lo que si debes evitar son los efectos secundarios y mutaciones de estado.

[@Sn-pi9mt]

Gracias por la excelente explicación.

[@nihil_um]

Buenísimo como siempre. No esperaba menos. Un saludo.

[@DarkDragonBloody]

Muchas gracias

[@jamavocorp]

Que bien!!!

[@Gabrielgiraldolema]

gracias

[@emmanuelqt]

Mil gracias, al ver la "logica de uso" del useReducer se me ocurre que se puede hacer lo mismo con un customHook-useSate y crear una sola funcion dispatch para modificar el state que reciba el action y el payload de la misma forma, salvo el caso de no tener la funcion init existe alguna otra diferencia? mil gracias.

[@LuisCabrera]

Si se podría, hace un tiempo vi un ejemplo a la inversa, construyendo el useState con el useReducer

[@emmanuelqt]

@@LuisCabrera gracias por tu trabajo

[@edustreamimg]

Se puede llamadas asincronas para modificar el estado dentro del reducer?

[@LuisCabrera]

Por lo general las llamadas asíncronas se hacen externas al reducer y al resolver la promesa se haría el dispatch del action

[@edustreamimg]

@@LuisCabrera Tienes algún ejemplo?

[@franciscominen9965]

Hola que tal Luis? Estoy teniendo un problema con la app nro 2 (todo), primero que nada combine esa app con el useContext de tu otro video, lo que me pasa es que al querer hacer el update me dice que state.map() is not a function, hice el case y el dispatch en el button igual que en el video, tendrá que ver algo de Context? o de useState que contiene el valor de text? Gracias !!

[@LuisCabrera]

Normalmente ese mensaje de error ocurre cuando el tipo de dato del state no es Array al ejecutar state.map() Si tienes algun estado inicial diferente a un arreglo podrias intentar con state?.map() Si esto no te funciona seria revisar que del context se extraigan los datos correctamente 🙂 Cualquier duda vuelves a comentar

[@xdeeex-q7l]

Una pregunta: ¿Setear un valor en el localstorage dentro del reducer hace que este ya no sea una función pura? , estoy haciendo la petición a la api dentro del reducer y no se si sea una buena practica.

[@LuisCabrera]

Hola! Lo ideal es hacer eso fuera del reducer, que este último solo cambie el estado

[@haguerrerob]

@@LuisCabrera Hola Luis, veo que si andas por acá de vez en cuando. Saludos y muy agradecido por todos tus vídeos.

[@Sn-pi9mt]

Hola, tengo una pregunta. Es necesario envolver el case entre llaves para poder hacer alguna operación antes del return ej: case types.something: { someFunction return state } Ya que he notado que se pueden realizar sin envolver el case en {}

[@LuisCabrera]

Así como comentas no es necesario, es opcional en caso de que necesites más de una línea de código dentro del case

[@Sn-pi9mt]

@@LuisCabrera entiendo, gracias por la respuesta.

[@dantefrias]

Hola profe Luis, excelente material, como siempre! Al respecto una consulta, qué libros nos podría recomendar para obtener una base más sólida de React una vistos sus vídeos A1. Gracias anticipadas

[@LuisCabrera]

Hola Dante! Te soy sincero con React he leido mucho material pero ni un libro jaja pero si planeo hacerlo (No sigas mi ejemplo) Yo he hecho así: Primero me ayude con videos introductorios hasta entender lo básico, luego me fui a la documentación pero la usé sólo de índice por que no es tan didáctica para mi gusto Entonces con el titulo de cada tema busqué muchos ejemplos y casos de uso en google y sobre todo en medium, cuando un tema era muy abstracto buscaba tambien ejemplos en video (Casi siempre en inglés por que había mayor cantidad de contenido) Y básicamente así es como he ido profundizando en react jaja

Hola, consulta rápida. Con esto se podría reemplazar redux?

[@LuisCabrera]

Ya queda a tu decision 🙂

[@YusufSalahAdDin]

Entonces, si yo pongo la función entre corchetes esta se ejecuta sin importar si se da click o no en el botón?

[@LuisCabrera]

Hola amigo! no te comprendí muy bien, me puedes detallar mejor o quizá mencionarme un minuto y segundo del video para así revisar

[@YusufSalahAdDin]

@@LuisCabrera cuando mencionas que hay que poner los despachadores como funciones flecha para que sólo sean ejecutados cuando se pulsa en el botón.

[@LuisCabrera]

@@YusufSalahAdDin Ok si haces onClick={dispatch} o cualquier función que no se ejecute allí mismo "Sín los () " no pasaría nada, pero como necesitas pasarle un parámetro "dispatch(action)" la función se ejecutará, actualizando el store, volviendo a renderizar el componente y por lo tanto volviendo a ejecutar "dispatch(action)" en un ciclo infinito, de hecho puedes intentarlo y visualizarás el error La solución es enviar el dispatch como retorno de otra función o en resumen mal dicho pero más facil de recordar jeje "como función de flecha" () => dispatch(action), así lo que se ejecutará será la función anónima retorando la función que queremos que siga allí al presionar en click Como resultado final funcionará el onClick como se desea sin renders infinitos

[@juangaytan4527]

Explicas muy bien bro, tienes cursos de udemy?

[@LuisCabrera]

Gracias amigo Juan, no tengo cursos en Udemy

[@edustreamimg]

Hola Luis, una duda. useReducer es una solucion alternativa a redux? o hay funciones que se pueden hacer con redux y no con useReducer?

[@LuisCabrera]

Hola Eduardo, Redux tiene más cosas, prueba los dos y así te das cuenta

[@josecarballo7605]

tienes algún curso propio o una pagina

[@LuisCabrera]

Por ahora no, ya cuando tenga mucho mas material subido si organizaré algo :)

[@ospina5367]

Si están usando VSCode pueden usar el snippet _rafce y ya no les importa react

[@alfonsopayra]

sos muy bueno explicando y con react pero para el ingles eres terrible, me arden los oidooooooooooos