Componentes reutilizáveis

· Padrão Frontend
Juan Kalleo
Juan Kalleo
Fullstack Engineer

Building blocks de UI compartilhados (shared/ui, shared/forms, shared/hooks), fora de qualquer feature específica. Cada um tem sua página:

  • Botões — Button tipado (cva) e buttonVariants.
  • Busca — SearchInput com debounce de 350ms.
  • Filtros — FilterSelect + convenção Ransack/Pagy (q[...], pagy).
  • Tipos (TypeScript) — de onde vêm os tipos (Zod, types/index.ts, services/*).

Outros componentes compartilhados já documentados em outras seções: Tabelas (DataTable, Pagination, ResultsCount), Estilos (Modal, Select, paginação visual) e Formulários.

Glossário