Sistemas

Como o Hydriun organiza seu núcleo, camadas e fluxos de forma sólida, previsível e escalável.

Núcleo (Core)

O núcleo do Hydriun representa a parte mais estável do sistema. Ele é projetado para ser imutável, desacoplado e previsível, garantindo que decisões fundamentais não precisem ser reescritas a cada nova feature.

No núcleo estão concentradas regras universais como:

  • Organização de estado global
  • Contratos entre módulos
  • Padrões de navegação
  • Políticas de persistência

Essa camada não conhece interface, não conhece layout e não depende de bibliotecas visuais.

Camadas

Acima do núcleo, o Hydriun se organiza em camadas bem definidas. Cada camada possui uma responsabilidade clara e comunica-se com as demais por meio de contratos simples.

Camada de Interface

Responsável pela experiência visual, animações e interação com o usuário. Aqui entram componentes, layouts e estilos.

Camada de Fluxos

Define como o usuário navega, cria, edita e conecta informações. Essa camada traduz intenção em ação.

Camada de Dados

Gerencia persistência local ou remota, garantindo consistência e segurança das informações.

Estado

O estado no Hydriun é centralizado, explícito e reativo. Nenhuma parte do sistema depende de efeitos colaterais invisíveis ou mutações implícitas.

Estados comuns incluem:

  • Usuário ativo
  • Espaço atual
  • Fluxo selecionado
  • Seção ativa da documentação

Isso permite que diferentes partes do sistema — sidebar, menu mobile e conteúdo — permaneçam sempre sincronizadas.

Exemplo prático

Abaixo está um exemplo real de como o layout de documentação se conecta ao estado global de navegação:


      

Ao rolar a página, cada título h2 ativa automaticamente sua respectiva entrada na sidebar. Ao clicar na sidebar, a URL é atualizada com #hash e o scroll acontece de forma suave.

Isso garante:

  • Deep links compartilháveis
  • Navegação previsível
  • Experiência fluida em desktop e mobile