Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Apprendre Redux Actions | Fundamental Concepts
Introduction to Redux
course content

Contenu du cours

Introduction to Redux

Introduction to Redux

1. Getting Started
What is Redux?Why Redux? When to use Redux?Setting up a React-Redux Application
2. Fundamental Concepts
Redux ActionsRedux ReducersRedux StoreStore Dispatch MethodSelectorsRedux Data Flow
3. Redux in Practice
Redux Application Structure Modifying the Template for UseCreating the Redux StoreRedux SliceCreating a SliceUnderstanding SliceUsing Selectors to access StateModifying State by Dispatching ActionsThunk FunctionsRules for ReducersUnderstanding the Counter Application
4. Creating a React-Redux Application
The ApplicationSetting Up the ApplicationCreating the UI SkeletonCreating the Profile SliceCreating the Posts SliceCompleting the Posts featureDisplaying Number of Posts and UsersAdding CSS Styling

book
Redux Actions

In code, an action is simply a plain JavaScript object having a type key:

const incrementAction = {
  type: 'counter/increment'
};

Additional keys can be added to represent information or data related to the action:

const incrementAction = {
  type: 'counter/increment',
  amount: 7
};

The types are named in a specific way by convention. The general syntax is domain/eventName. In this above case, it is counter/increment.

The domain represents the category of the action, while the eventName represents the event itself.

question mark

Select the most appropriate type for an action of slice todo and action name addTodo:

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 1

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

course content

Contenu du cours

Introduction to Redux

Introduction to Redux

1. Getting Started
What is Redux?Why Redux? When to use Redux?Setting up a React-Redux Application
2. Fundamental Concepts
Redux ActionsRedux ReducersRedux StoreStore Dispatch MethodSelectorsRedux Data Flow
3. Redux in Practice
Redux Application Structure Modifying the Template for UseCreating the Redux StoreRedux SliceCreating a SliceUnderstanding SliceUsing Selectors to access StateModifying State by Dispatching ActionsThunk FunctionsRules for ReducersUnderstanding the Counter Application
4. Creating a React-Redux Application
The ApplicationSetting Up the ApplicationCreating the UI SkeletonCreating the Profile SliceCreating the Posts SliceCompleting the Posts featureDisplaying Number of Posts and UsersAdding CSS Styling

book
Redux Actions

In code, an action is simply a plain JavaScript object having a type key:

const incrementAction = {
  type: 'counter/increment'
};

Additional keys can be added to represent information or data related to the action:

const incrementAction = {
  type: 'counter/increment',
  amount: 7
};

The types are named in a specific way by convention. The general syntax is domain/eventName. In this above case, it is counter/increment.

The domain represents the category of the action, while the eventName represents the event itself.

question mark

Select the most appropriate type for an action of slice todo and action name addTodo:

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 1
some-alt