React JS. El hook useReducer

Publié le: 22 mars 2021
sur la chaîne: Latte And Code
1,382
84

Descubre el poder del hook useReducer en React y su alternativa a useState basada en Redux. Aprende a gestionar el estado de tu aplicación mediante acciones y reducers.

👨🏼‍💻Apóyame en Patreon:   / latteandcode  
☕️Invítame a un café: https://www.buymeacoffee.com/latteand...
⤵️https://codesandbox.io/s/use-reducer-...

En este nuevo vídeo sobre los hooks de React quiero hablaros del hook useReducer, una alternativa al hook useState basado en la archiconocida librería Redux para gestionar el estado:

[00:00] Introducción
[01:30] Gestión del estado de un formulario con el hook useReducer.
[03:00] Creación de la función reductora de useReducer.
[05:00] Dispatch de acciones a la función reducer.
[08:00] Actualización del estado de useReducer
[11:15] Reiniciar un formulario
[13:00] Histórico de estados
[20:20] Creación del custom hook useForm

Como veis, el hook useReducer es una forma mucho más potente de gestionar el estado de nuestra aplicación y modificarlo mediante distintos tipos de acciones.

❗️ Suele ser buena práctica agrupar toda la funcionalidad del hook useReducer (estado inicial, acciones y función reductora) en un mismo archivo para mejorar su reusabilidad y mantenimiento.


Sur cette page du site, vous pouvez voir la vidéo en ligne React JS. El hook useReducer durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Latte And Code 22 mars 2021, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 1,382 fois et il a aimé 84 téléspectateurs. Bon visionnage!