Théorie

Les actions sont des charges utiles d'informations qui décrivent les modifications que l'on souhaite apporter à l'état. Les créateurs d'actions sont des fonctions qui créent des actions. Ils encapsulent la logique de création des actions et peuvent être réutilisés dans toute l'application.

Pratique

Nous avons un fichier nommé counterAction.js dans le dossier 'actions'. Ce fichier définit les actions et les créateurs d'actions pour la fonctionnalité du compteur.

import { createAction } from "@reduxjs/toolkit";

export const increment = createAction("counter/increment");
export const decrement = createAction("counter/decrement");

Explication du code :

• Ligne 1 : Importation de la fonction createAction depuis le package @reduxjs/toolkit. Cette fonction simplifie la création des créateurs d'actions ;
• Ligne 3 : Création de la fonction créatrice d'action increment à l'aide de createAction. Cette fonction génère des actions pour incrémenter le compteur ;
  • La chaîne de caractères "counter/increment" fournie en argument représente le type d'action. Elle permet d'identifier l'action lorsqu'elle est dispatchée.
• Ligne 4 : De la même manière, création de la fonction créatrice d'action decrement à l'aide de createAction. Cette fonction génère des actions pour décrémenter le compteur.
  • La chaîne de caractères "counter/decrement" représente le type d'action pour la décrémentation.

En utilisant createAction, ces fonctions génèrent des objets action avec une propriété type définie sur la chaîne de type spécifiée. Ces actions peuvent être dispatchées dans les reducers Redux ou les composants React pour mettre à jour le store Redux.

Remarque

Les chaînes de caractères représentant les types d'action, telles que "counter/increment" et "counter/decrement", doivent être descriptives et refléter l'objectif de l'action. Il est courant de préfixer le type d'action avec le nom de la fonctionnalité ou du slice pour une meilleure organisation. L'utilisation de constantes ou de variables de chaîne est recommandée pour assurer la cohérence et faciliter la refactorisation.