Teoria

Le azioni sono insiemi di informazioni che descrivono le modifiche che si desidera apportare allo stato. I creator di azioni sono funzioni che creano azioni. Racchiudono la logica di creazione delle azioni e possono essere riutilizzati in tutta l'applicazione.

Pratica

Abbiamo un file chiamato counterAction.js nella cartella 'actions'. Questo file definisce azioni e creator di azioni per la funzionalità del contatore.

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

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

Spiegazione del codice:

• Riga 1: Importa la funzione createAction dal pacchetto @reduxjs/toolkit. Questa funzione semplifica la creazione dei creator di azioni;
• Riga 3: Crea la funzione creator di azioni increment utilizzando createAction. Questa funzione genera azioni per incrementare il contatore;
  • La stringa "counter/increment" fornita come argomento rappresenta il tipo di azione. Aiuta a identificare l'azione quando viene inviata.
• Riga 4: Allo stesso modo, crea la funzione creator di azioni decrement utilizzando createAction. Questa funzione genera azioni per decrementare il contatore.
  • La stringa "counter/decrement" rappresenta il tipo di azione per il decremento.

Utilizzando createAction, queste funzioni generano oggetti azione con una proprietà type impostata sulla stringa di tipo specificata. Queste azioni possono essere inviate nei reducer di Redux o nei componenti React per aggiornare lo store di Redux.

Nota

Le stringhe dei tipi di azione, come "counter/increment" e "counter/decrement", devono essere descrittive e riflettere lo scopo dell'azione. È prassi comune anteporre al tipo di azione il nome della funzionalità o dello slice per una migliore organizzazione. Si consiglia di utilizzare costanti o variabili stringa per garantire coerenza e facilitare la ristrutturazione del codice.