Théorie

Les actions sont des charges utiles d'informations qui décrivent les modifications que nous souhaitons 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 : Importe la fonction createAction depuis le package @reduxjs/toolkit. Cette fonction simplifie la création des créateurs d'actions ;
• Ligne 3 : Crée la fonction créatrice d'action increment en utilisant createAction. Cette fonction génère des actions pour incrémenter le compteur ;
  • La chaîne "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ée la fonction créatrice d'action decrement en utilisant createAction. Cette fonction génère des actions pour décrémenter le compteur.
  • La chaîne "counter/decrement" représente le type d'action pour la décrémentation.

En utilisant createAction, ces fonctions génèrent des objets d'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 type chaîne est recommandée pour assurer la cohérence et faciliter la refactorisation.