Teoría

Las acciones son cargas útiles de información que describen los cambios que se desean realizar en el estado. Los creadores de acciones son funciones que generan acciones. Encapsulan la lógica de creación de acciones y pueden reutilizarse en toda la aplicación.

Práctica

Disponemos de un archivo llamado counterAction.js en la carpeta 'actions'. Este archivo define acciones y creadores de acciones para la funcionalidad del contador.

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

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

Explicación del código:

• Línea 1: Importa la función createAction del paquete @reduxjs/toolkit. Esta función simplifica la creación de creadores de acciones;
• Línea 3: Crea la función creadora de acciones increment utilizando createAction. Esta función genera acciones para incrementar el contador;
  • La cadena "counter/increment" proporcionada como argumento representa el tipo de acción. Ayuda a identificar la acción cuando se envía.
• Línea 4: De manera similar, crea la función creadora de acciones decrement utilizando createAction. Esta función genera acciones para decrementar el contador.
  • La cadena "counter/decrement" representa el tipo de acción para decrementar.

Al utilizar createAction, estas funciones generan objetos de acción con una propiedad type establecida en la cadena de tipo especificada. Estas acciones pueden enviarse en los reductores de Redux o en los componentes de React para actualizar el almacén de Redux.

Nota

Las cadenas de tipo de acción, como "counter/increment" y "counter/decrement", deben ser descriptivas y reflejar el propósito de la acción. Es común anteponer el nombre de la característica o slice al tipo de acción para una mejor organización. Se recomienda utilizar constantes de cadena o variables para mantener la coherencia y facilitar la refactorización.