Frontend
Frontend
Seção intitulada “Frontend”Aplica-se quando a ADR entrega interface. O detalhe da stack está em Frontend e Zustand; aqui ficam os padrões.
Práticas
Seção intitulada “Práticas”- Zustand é o core: a lógica do frontend mora nas stores (
stores/[nome]/store.ts+sync.tsx). - Componentes consomem stores; não concentram lógica de negócio nem fazem fetch direto — passam pela store/serviço.
- shadcn/ui + Tailwind para componentes e estilo.
- Recharts para gráficos.
- Estados de vazio, carregamento e erro sempre tratados.
Resultado esperado
Seção intitulada “Resultado esperado”UI consistente, com lógica concentrada em stores tipadas e componentes enxutos.
Criado por Joseph Trupel