Como determinar se um estado é global?

O estado global são dados acessíveis e modificáveis de qualquer parte da aplicação, independentemente da hierarquia de componentes.

Características do estado global:

• Necessário em vários componentes não relacionados: Quando os dados são necessários em diferentes partes da aplicação que não são antepassados ou descendentes diretos.
• Dados que mudam em um lugar e afetam muitos outros: A alteração desses dados em um componente leva a uma nova renderização ou mudança de comportamento em outros componentes.
• Configuração ou ajustes personalizados da aplicação: Informação aplicada a toda a aplicação ou a uma grande parte dela (por exemplo, tema, dados do usuário autenticado).
• Estado que controla o fluxo de trabalho geral: Dados que definem a etapa atual de um processo de múltiplas etapas ou o estado geral de alguma função.

// Exemplo de dados que provavelmente serão o estado global
const user = {
  id: 1,
  name: 'John Doe',
  isAuthenticated: true
};

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

O oposto é o estado local, que só é necessário dentro de um componente ou seus elementos filhos imediatos.

Ao definir o estado global, muitas vezes usam-se gerenciadores de estado (Redux, Zustand, Pinia, etc.), que fornecem armazenamento centralizado e mecanismos para gerenciá-lo.