Сравнение

Granularity против PrimeVue

Класс продукта
Библиотека компонентовисточник
Визуальный язык
Собственные темы и пресетыисточник
Лицензия
MITисточник
Официальный сайт
primevue.org

В чём сильна

Очень большой каталог, готовые темы и коммерческие шаблоны вокруг него.

Когда взять её, а не эту

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

Что сравнивать и как

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

GranularityПроверить самому
Гранулярность импорта136 путей экспорта: компонент, composable или одна директива — у каждого свой граф.Соберите приложение дважды — с одним компонентом и с двумя — и сравните бандлы. Разница и есть настоящая цена второго компонента.npx vite build && du -h dist/assets/*.js
Runtime-зависимости0 у ядра. Единственный обязательный peer — @floating-ui/dom, и он остаётся в вашем lock-файле, а не внутри пакета.Прочитайте манифест пакета, который рассматриваете: поле dependencies, а не devDependencies.npm view <package> dependencies
Система токенов197 токенов именованными ролями в обеих темах, опубликованы типизированными данными и CSS-переменными.Два вопроса: есть ли перечень ролей вообще и можно ли поменять роль, не открывая исходники компонентов.
Серверный рендерКаждый компонент рендерится на сервере и гидрируется без расхождений; контракт записан и проверяется стендом.Ищите страницу, где сказано, что происходит на сервере, а не слово «SSR» в списке возможностей.
ДоступностьКлавиатурный контракт по компонентам, паттерны WAI-ARIA APG, контраст проверяется гейтом в обеих темах.Откройте нужный компонент и попробуйте пройти его одной клавиатурой. Обещания в документации дёшевы, Tab и Esc — нет.
TypeScriptТипы по подпутям, порождённые web-types для IDE JetBrains, props и события типизированы из исходников.Импортируйте один компонент в строгий проект и посмотрите, знает ли редактор его props без дополнительных плагинов.
ЛицензияApache-2.0 с оговоркой об этичном использовании — source-available, не OSI-лицензия. Названа на каждой странице, где это важно.Читайте файл LICENSE, а не бейдж в README.
Модель поддержкиОдин мейнтейнер, компании за спиной нет, платной поддержки нет. Версия 0.41.0 — до 1.0 ломающие правки живут в журнале изменений.Посмотрите в трекер: сколько идёт ответ и кто отвечает.

Все сравненияПочему GranularityБыстрый старт