Por que antes da hidratação
O SSR com streaming deixa um intervalo entre a primeira renderização na tela e a hidratação — um para cada fronteira Suspense que chega depois. Nesse período, um acordeão com useState fica visível, mas inerte; um com <details> já funciona.
Dos 44 componentes, 29 são Tier 0: entregam 0 kB de JavaScript no cliente e passam em toda a suíte de interação com scripts desabilitados. Os demais documentam seu custo e comportamento antes da hidratação.
Para quem é
Boa escolha para: renderização no servidor, páginas que funcionam antes da hidratação e estilos próprios. Os componentes entregam marcação semântica, um contrato data-* documentado e nenhum estilo visual.
Pouco indicado para: um kit com tema e aparência pronta para uso ou uma aplicação que roda só no cliente — nesses casos, uma biblioteca centrada na hidratação atende melhor.
Como está organizado
Cinco camadas — hooks, core, elements, components e styles opcional —, cada uma publicada separadamente, sem importar camadas superiores. Por padrão, os componentes são Server Components; o caminho de importação revela cada fronteira de cliente.
Comece aqui
- Instalação — um pacote e uma folha de estilos obrigatória.
- Agentes de IA — crie páginas com a skill
/uiify. - Componentes — 44 ambientes interativos com props e limites medidos.
- Evidências — os critérios de aprovação por trás de cada número publicado.