Paso 3

Enfoque en la creación de un reductor para manejar las acciones despachadas y actualizar el estado de los objetivos en el almacén de Redux. Los reductores son funciones puras que especifican cómo debe cambiar el estado en respuesta a las acciones.

Ejemplo

Desafío

1. Abrir el archivo goalReducer.js.
2. Crear el reductor utilizando la función createReducer del paquete @reduxjs/toolkit. Esta función simplifica el proceso de creación de reductores.
3. Establecer el estado inicial de los objetivos como un arreglo vacío ([]).
4. Dentro de la función createReducer, especificar los casos para diferentes acciones utilizando las acciones creadas en el archivo goalAction.js.
5. Para agregar un objetivo, utilizar el método .addCase y pasar la acción addGoal como primer argumento. En la función de devolución correspondiente, actualizar el estado agregando el action.payload (el objetivo) al arreglo de estado.
6. Para eliminar un objetivo, utilizar el método .addCase y pasar la acción removeGoal como primer argumento. En la función de devolución correspondiente, actualizar el estado devolviendo un nuevo arreglo que filtre el objetivo con el goal.id correspondiente del arreglo de estado.

1. La función createReducer simplifica el proceso de creación de reductores al proporcionar una sintaxis conveniente.
2. Utilizar el método .addCase del objeto builder para especificar los casos para diferentes acciones.
3. Acceder a la carga útil de la acción usando action.payload.