Tecnologias do sistema
· Padrão Frontend
This page hasn't been translated to English yet — showing the original Portuguese content.
Pasta de tecnologias — um arquivo por lib, atualizada conforme cada tecnologia entra em uso no HTD-Front. Cada arquivo segue o mesmo molde (ver abaixo) e vira uma página de tecnologia do wiki.
Molde de cada arquivo:
- O que é — uma frase.
- Por que essa — motivo real da escolha (não genérico).
- Versão — a que está no
package.jsonagora. - Como importar — instalação/import de verdade.
- Exemplo — código real do projeto (não inventado), copiável.
Índice
| Tecnologia | Usada em |
|---|---|
| Next.js (App Router) | Base de todo o projeto |
| Tailwind CSS | Estilização |
| DaisyUI | Componentes (botão, input, tabela, modal, drawer...) |
| Class Variance Authority | Variantes tipadas de UI, começando por Button |
| shadcn/ui | Avaliado, não adotado — ver relatorios/ARQUITETURA.md |
| TanStack Table | Estado/comportamento das tabelas (por cima do DaisyUI) |
| ECharts / EvilCharts | Gráficos dos relatórios |
| MUI X Charts | Avaliado, não adotado — ver relatorios/ARQUITETURA.md |
| lucide-react | Ícones |
| TanStack React Query | Estado assíncrono / cache de dados |
| React Hook Form + Zod | Todos os formulários |
| SweetAlert2 | Feedback de sucesso/erro (toast) |
| Vitest | Testes unitários de helpers, schemas e conversores |
| clsx + tailwind-merge | className condicional (cn()) |
| Puppeteer | Automação Chromium e geração de PDF de relatório |
| react-easy-crop | Recorte/posicionamento de imagem antes do upload (ver (../UPLOAD-DE-IMAGEM.md) |
