Etapa 3

Foco na criação de um reducer para lidar com as ações despachadas e atualizar o estado de goals no Redux store. Reducers são funções puras que especificam como o estado deve mudar em resposta às ações.

Exemplo

Desafio

1. Abrir o arquivo goalReducer.js.
2. Criar o reducer utilizando a função createReducer do pacote @reduxjs/toolkit. Esta função simplifica o processo de criação de reducers.
3. Definir o estado inicial de goals como um array vazio ([]).
4. Dentro da função createReducer, especificar os casos para diferentes ações utilizando as actions criadas no arquivo goalAction.js.
5. Para adicionar um goal, utilizar o método .addCase e passar a action addGoal como primeiro argumento. Na função de callback correspondente, atualizar o estado adicionando o action.payload (o goal) ao array de estado.
6. Para remover um goal, utilizar o método .addCase e passar a action removeGoal como primeiro argumento. Na função de callback correspondente, atualizar o estado retornando um novo array que filtra o goal com o goal.id correspondente do array de estado.

1. A função createReducer simplifica o processo de criação de reducers ao fornecer uma sintaxe conveniente.
2. Utilizar o método .addCase do objeto builder para especificar os casos para diferentes ações.
3. Acessar o payload da action utilizando action.payload.