Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Challenge: Creating Actions | Redux Toolkit Challenge Workshop
course content

Course Content

Redux Toolkit & React

1. Introduction to Redux Toolkit

What is in this Course?Introduction to State ManagementUnderstanding Redux ToolkitInstallation of Redux ToolkitCreating a React Redux Toolkit ProjectChallenge: Installation of Redux ToolkitAdditional Software

2. Redux Toolkit in Practice

What AwaitsProject's Initial Code and File StructureCreating Redux StoreIntegrating Redux Store into the AppStore Inspection in the AppActions and Action CreatorsReducers RoleActions and Reducers InspectionConnecting Redux and ReactCompleting App Code

3. Redux Toolkit Challenge Workshop

OverviewChallenge RulesChallenge: Setting up the StoreChallenge: Creating ActionsChallenge: Creating ReducerChallenge: Involving Redux into ReactRedux Toolkit Sum Up

Redux Toolkit & React

Challenge: Creating ActionsChallenge: Creating Actions

Step 2

Focus on creating actions for managing goals. Actions are objects that describe the changes we want to make to the state. By creating actions, we can update the Redux store accordingly.

Example

Here is the code from the recording: GitHub

Challenge

  1. Open the goalAction.js file.
  2. Use the correct function from the @reduxjs/toolkit package to create actions.
  3. Specify the correct action types using the target element goal and indicate the action for each action.
  4. To remove a goal, set the action type as goals/removeGoal.
  5. To add a goal, set the action type as goals/addGoal.
  1. The createAction function simplifies the process of creating action creators.
  2. The action types should be descriptive and reflect the purpose of the action.
  3. Using string constants or variables is recommended for consistency and easier refactoring.

Everything was clear?

Section 3. Chapter 4
course content

Course Content

Redux Toolkit & React

1. Introduction to Redux Toolkit

What is in this Course?Introduction to State ManagementUnderstanding Redux ToolkitInstallation of Redux ToolkitCreating a React Redux Toolkit ProjectChallenge: Installation of Redux ToolkitAdditional Software

2. Redux Toolkit in Practice

What AwaitsProject's Initial Code and File StructureCreating Redux StoreIntegrating Redux Store into the AppStore Inspection in the AppActions and Action CreatorsReducers RoleActions and Reducers InspectionConnecting Redux and ReactCompleting App Code

3. Redux Toolkit Challenge Workshop

OverviewChallenge RulesChallenge: Setting up the StoreChallenge: Creating ActionsChallenge: Creating ReducerChallenge: Involving Redux into ReactRedux Toolkit Sum Up

Redux Toolkit & React

Challenge: Creating ActionsChallenge: Creating Actions

Step 2

Focus on creating actions for managing goals. Actions are objects that describe the changes we want to make to the state. By creating actions, we can update the Redux store accordingly.

Example

Here is the code from the recording: GitHub

Challenge

  1. Open the goalAction.js file.
  2. Use the correct function from the @reduxjs/toolkit package to create actions.
  3. Specify the correct action types using the target element goal and indicate the action for each action.
  4. To remove a goal, set the action type as goals/removeGoal.
  5. To add a goal, set the action type as goals/addGoal.
  1. The createAction function simplifies the process of creating action creators.
  2. The action types should be descriptive and reflect the purpose of the action.
  3. Using string constants or variables is recommended for consistency and easier refactoring.

Everything was clear?

Section 3. Chapter 4
some-alt