Los “Reducer” son una herramiento, específicamente un hook llamado useReducer, que nos va a ayudar a manejar nuestro estado de la forma más declarativa posible. Para poder usarlo vamos a tener que aprender de qué están compuestos.

Los reducers necesitan dos objetos esenciales:

• Los estados compuestos (Lo que ya aprendimos)

• Acciones, estas van a ser lo que va disparar el cambio de estado.

  

  • Las Actions Type van a ser un nombre clave, con el cual vamos a especificar el nuevo estado con el que vamos a cambiar.
  • Mientras que el Action Payload son opcionales y son importantes cuando vamos a usar estados dinámicos, en nuestro código el ejemplo sería “value”.

El flujo consiste en que: nosotros vamos a definir distintos tipos de acciones, con actions types y actions payloads, para luego enviarlas a nuestro reducer. Este nos va a definir todo los posibles estados por los que puede pasar nuestra aplicación. ****

Gracias al action type vamos a poder elegir cual de todos los estados queremos disponer en ese momento y además con el action payload vamos a poder darle dinamismo.

¿Cómo crear un Reducer?

Uso de useReduce

¿Que es un actionTypes?

Action creators