Ir al contenido

Introducción

uiify reúne 44 componentes de React accesibles que funcionan antes de la hidratación. Prioriza los mecanismos nativos del navegador y usa JavaScript solo cuando la accesibilidad lo exige.

Por qué antes de la hidratación

El SSR en streaming deja un intervalo entre la primera visualización y la hidratación: uno por cada límite de Suspense que llega tarde. Durante ese intervalo, un acordeón con useState se ve, pero no responde; uno con <details> ya funciona.

29 de los 44 componentes son Tier 0: incluyen 0 kB de JavaScript de cliente y superan todas sus pruebas de interacción con los scripts desactivados. Los demás documentan su costo y su comportamiento antes de la hidratación.

A quién se dirige

Ideal para: renderizado en el servidor, páginas que funcionan antes de la hidratación y estilos propios. Los componentes incluyen marcado semántico y un contrato data-* documentado, sin estilos visuales.

Poco adecuado para: un kit con tema y aspecto terminado desde el inicio, o una aplicación que funciona solo en el cliente; en esos casos, te conviene una biblioteca que priorice la hidratación.

Cómo se organiza

Cinco capas —hooks, core, elements, components y styles opcional— publicadas por separado, sin importar nunca una capa superior. Los componentes son Server Components de forma predeterminada; la ruta de importación muestra cada límite de cliente.

Consulta Arquitectura

Empieza aquí

  • Instalación — un paquete y una hoja de estilos obligatoria.
  • Agentes de IA — crea páginas con la habilidad /uiify.
  • Componentes — 44 entornos interactivos con props y límites medidos.
  • Verificación — los controles de publicación que respaldan cada cifra publicada.
Esta página se tradujo automáticamente y aún no se ha revisado.