Teoria

Ações são cargas de informação que descrevem as alterações que desejamos fazer no estado. Criadores de ações são funções que criam ações. Eles encapsulam a lógica de criação das ações e podem ser reutilizados em todo o aplicativo.

Prática

Temos um arquivo chamado counterAction.js na pasta 'actions'. Este arquivo define ações e criadores de ações para a funcionalidade do contador.

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

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

Explicação do código:

• Linha 1: Importa a função createAction do pacote @reduxjs/toolkit. Esta função simplifica a criação de criadores de ações;
• Linha 3: Cria a função criadora de ação increment usando createAction. Esta função gera ações para incrementar o contador;
  • A string "counter/increment" fornecida como argumento representa o tipo da ação. Ela ajuda a identificar a ação quando é despachada.
• Linha 4: Da mesma forma, cria a função criadora de ação decrement usando createAction. Esta função gera ações para decrementar o contador.
  • A string "counter/decrement" representa o tipo da ação para decrementar.

Ao utilizar createAction, essas funções geram objetos de ação com uma propriedade type definida para a string de tipo especificada. Essas ações podem ser despachadas em reducers do Redux ou em componentes React para atualizar o store do Redux.

Nota

As strings de tipo de ação, como "counter/increment" e "counter/decrement", devem ser descritivas e refletir o propósito da ação. É comum prefixar o tipo da ação com o nome do recurso ou slice para melhor organização. Recomenda-se o uso de constantes de string ou variáveis para garantir consistência e facilitar refatorações.