useStateGlobalContext

El hook useStateGlobalContext permite gestionar un estado global compartido y sincronizado entre componentes mediante el uso del DOM y acciones personalizadas.

Importación

Para importar el componente useStateGlobalContext, se puede hacer desde fenextjs

import { useStateGlobalContext } from "fenextjs";

Parámetros

Parámetro	Tipo	Requerido	Default	Descripcion
defaultValue	T	sí		Valor inicial para el estado global.
name	string	no		Nombre único para identificar el estado global dentro del DOM.

Returns

Parametro	Tipo	Descripcion
data	T	El valor actual del estado global.
setData	(f: SetStateAction<T>) => void	Función para actualizar el valor del estado global. Si se proporciona un nombre, también sincroniza la actualización con el DOM.

Usos

Uso básico con estado local

const { data, setData } = useStateGlobalContext({ defaultValue: 0 });
setData(5);
console.log(data); // 5

Uso con sincronización global

const { data, setData } = useStateGlobalContext({
  name: "globalState",
  defaultValue: "Hola",
});
setData("Mundo");
console.log(data); // 'Mundo'
// Otros componentes con el mismo 'name' accederán a este estado.

Actualizar estado usando una función

const { data, setData } = useStateGlobalContext({ defaultValue: 10 });
setData((prev) => prev + 1);
console.log(data); // 11

useData usePagination