К содержимому
uiify

Введение

uiify — это 44 доступных компонента React, которые работают до гидратации: они прежде всего используют нативные механизмы браузера, а JavaScript — только там, где этого требует доступность.

Зачем работать до гидратации

При потоковом SSR между первой отрисовкой и гидратацией возникает пауза — своя для каждой запоздавшей границы Suspense. В этот момент аккордеон на useState уже виден, но ещё не работает, а аккордеон на <details> уже доступен.

29 из 44 компонентов относятся к Tier 0: они поставляются с 0 кБ клиентского JavaScript и проходят все тесты взаимодействия при отключённых скриптах. Для остальных указаны их стоимость и поведение до гидратации.

Кому подходит библиотека

Подходит: если вам нужны серверный рендеринг, страницы, работающие до гидратации, и собственное оформление. Компоненты предоставляют семантическую разметку и документированный контракт data-*, без визуальных стилей.

Не подходит: если вам нужен готовый набор с темой оформления или приложение работает только на клиенте — лучше выбрать библиотеку, рассчитанную прежде всего на гидратацию.

Как всё устроено

Пять слоёв — hooks, core, elements, components и необязательный styles — публикуются отдельно; ни один не импортирует слой выше себя. По умолчанию компоненты — Server Components, а каждая клиентская граница видна в пути импорта.

См. архитектуру

С чего начать

  • Установка — один пакет и одна обязательная таблица стилей.
  • ИИ-агенты — создание страниц с навыком /uiify.
  • Компоненты — 44 интерактивных примера со свойствами и измеренными лимитами.
  • Проверки — проверки выпуска, которыми подтверждается каждое опубликованное число.