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.
Auf dieser Seite können Sie das Online-Video React JS. El hook useReducer mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Latte And Code 22 März 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,382 Mal angesehen und es wurde von 84 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!