React JS. El hook useReducer
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.
En esta página del sitio puede ver el video en línea React JS. El hook useReducer de Duración hora minuto segunda en buena calidad , que subió el usuario Latte And Code 22 marzo 2021, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 1,382 veces y le gustó 84 a los espectadores. Disfruta viendo!
