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.
На этой странице сайта вы можете посмотреть видео онлайн React JS. El hook useReducer длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Latte And Code 22 Март 2021, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 1,382 раз и оно понравилось 84 зрителям. Приятного просмотра!
