Action (Redux)

Une action est un objet JavaScript qui transporte de l’information de votre application vers le store. Elle est le seul moyen de déclencher un changement d’état dans l’application. C’est un signal qui décrit ce qui s’est passé, par exemple : « l’utilisateur a cliqué sur le bouton de connexion ».

Caractéristiques fondamentales :

• C’est un objet simple (plain object).
• Il possède une propriété type obligatoire, une chaîne de caractères qui identifie de manière unique l’action.

Exemple :

javascript

// Un signal qui dit : "L'utilisateur a ajouté une tâche"
{
  type: 'AJOUTER_TACHE',
  texte: 'Apprendre Redux'
}

La structure d’une Action

Le type : C’est la seule propriété obligatoire. Elle est généralement définie comme une constante (const AJOUTER_TACHE = ‘AJOUTER_TACHE’) pour éviter les fautes de frappe.

Le payload (charge utile) : c’est une propriété optionnelle qui contient les données nécessaires pour mettre à jour l’état. Par exemple, le texte de la tâche à ajouter. La convention de nommage payload est largement adoptée par la communauté.

Bonnes pratiques : Il est recommandé de transmettre le moins de données possible dans une action. Par exemple, il est préférable de passer l’index d’un élément plutôt que l’objet entier