# Step 3
Focus on creating a reducer to handle dispatched actions and update the goals state in the Redux store. Reducers are pure functions that specify how the state should change in response to actions.
## Example

## Challenge
1. Open the `goalReducer.js` file.
2. Create the reducer using the `createReducer` function from the `@reduxjs/toolkit` package. This function simplifies the process of creating reducers.
3. Set the initial state of the goals to an empty array (`[]`).
4. Inside the `createReducer` function, specify the cases for different actions using the actions created in the `goalAction.js` file.
5. For adding a goal, use the `.addCase` method and pass in the `addGoal` action as the first argument. In the corresponding callback function, update the state by pushing the `action.payload` (the goal) into the state array.
6. For removing a goal, use the `.addCase` method and pass in the `removeGoal` action as the first argument. In the corresponding callback function, update the state by returning a new array that filters out the goal with the matching `goal.id` from the state array.

1. The `createReducer` function simplifies the process of creating reducers by providing a convenient syntax.
2. Use the `.addCase` method of the `builder` object to specify the cases for different actions.
3. Access the payload of the action using `action.payload`.

Discover the power of Redux Toolkit in conjunction with React, and supercharge your state management skills. This course comprehensively introduces Redux Toolkit, a powerful library for managing state. Learn how to streamline your Redux setup, simplify complex state logic, and create efficient, scalable React applications.

Explore the fundamental concepts of state management and show you how to leverage the power of the Redux Toolkit. We will guide you through the installation process and help you create your first React Redux Toolkit project. Additionally, meet a challenge to test your understanding and skills.

Investigate Redux integration with React apps, covering core concepts: actions, reducers, and the Redux store. Includes practical examples and code explanations for configuring a store, creating reducers, and connecting React components via hooks like useSelector and useDispatch.

Supercharge your skills in state management. In this hands-on workshop, you tackle real-world challenges and gain practical experience using the Redux Toolkit for seamless application development.

Challenge: Implement the Reducer

Step 3

Example

Challenge