¿Cómo determinar si un estado es global?

El estado global son datos accesibles y modificables desde cualquier parte de la aplicación, independientemente de la jerarquía de componentes.

Características del estado global:

• Requerido en varios componentes no relacionados: Cuando los datos son necesarios en diferentes partes de la aplicación que no son antepasados o descendientes directos entre sí.
• Datos que cambian en un lugar y afectan a muchos otros: La modificación de estos datos en un componente provoca una nueva renderización o cambio de comportamiento en otros componentes.
• Configuración o ajustes personalizados de la aplicación: Información que se aplica a toda la aplicación o a una gran parte de ella (por ejemplo, tema de diseño, datos del usuario autenticado).
• Estado que controla el flujo de trabajo general: Datos que definen la etapa actual de un proceso de múltiples pasos o el estado general de alguna función.

// Ejemplo de datos que probablemente serán estado global
const user = {
  id: 1,
  name: 'John Doe',
  isAuthenticated: true
};

const appSettings = {
  theme: 'dark',
  language: 'en-US'
};

La contraparte es el estado local, que solo se necesita dentro de un componente o sus elementos hijos inmediatos.

Al definir el estado global, a menudo se utilizan gestores de estado (Redux, Zustand, Pinia, etc.), que proporcionan un almacenamiento centralizado y mecanismos para gestionarlo.