Что это такое?
Base UI — это библиотека React-компонентов с открытым исходным кодом, которая не содержит готовых стилей. Она предназначена для создания доступных пользовательских интерфейсов и дизайн-систем. Её разработала команда, стоящая за Radix, Floating UI и Material UI.
Base UI — это библиотека React-компонентов с открытым исходным кодом, которая не содержит готовых стилей. Она предназначена для создания доступных пользовательских интерфейсов и дизайн-систем. Её разработала команда, стоящая за Radix, Floating UI и Material UI.Это набор готовых стилизованных компонентов или то, что я стилизую сам?По замыслу библиотека не стилизована: Base UI предоставляет только логику компонентов и доступное поведение, а собственные CSS, CSS-in-JS или дизайн-токены добавляете вы.
По замыслу библиотека не стилизована: Base UI предоставляет только логику компонентов и доступное поведение, а собственные CSS, CSS-in-JS или дизайн-токены добавляете вы.Как добавить это в проект на React?Установите пакет через свой менеджер пакетов и импортируйте нужные компоненты, следуя инструкции по настройке в официальной документации Base UI.
Установите пакет через свой менеджер пакетов и импортируйте нужные компоненты, следуя инструкции по настройке в официальной документации Base UI.Нужен ли мне React, чтобы этим пользоваться?Да, Base UI — это библиотека React-компонентов, поэтому вашему приложению нужен React. Сам репозиторий разрабатывается как монорепозиторий на pnpm/Lerna (pnpm 12.4.1, Node >=22.23.2).
Да, Base UI — это библиотека React-компонентов, поэтому вашему приложению нужен React. Сам репозиторий разрабатывается как монорепозиторий на pnpm/Lerna (pnpm 12.4.1, Node >=22.23.2).Есть ли в библиотеке какое-либо оформление по умолчанию?Нет. Поскольку компоненты намеренно не стилизованы, стили нужно писать самому или самостоятельно подключать дизайн-систему — встроенной темы или CSS здесь нет.
Нет. Поскольку компоненты намеренно не стилизованы, стили нужно писать самому или самостоятельно подключать дизайн-систему — встроенной темы или CSS здесь нет.Для кого это: для разработчиков приложений или для авторов дизайн-систем?Для обоих: разработчики приложений могут напрямую использовать доступные примитивы, а команды, которые создают собственную библиотеку компонентов или дизайн-систему, могут взять Base UI как нестилизованную доступную основу.
Для обоих: разработчики приложений могут напрямую использовать доступные примитивы, а команды, которые создают собственную библиотеку компонентов или дизайн-систему, могут взять Base UI как нестилизованную доступную основу.Зачем команда Material UI создала ещё одну библиотеку компонентов без стилей?Чтобы дать разработчикам полностью нестилизованные примитивы, соответствующие WAI-ARIA, для полной свободы дизайна. При этом использован подход без внешнего оформления (headless) в духе Radix, объединённый с многолетним опытом команды в выпуске Material UI.
Чтобы дать разработчикам полностью нестилизованные примитивы, соответствующие WAI-ARIA, для полной свободы дизайна. При этом использован подход без внешнего оформления (headless) в духе Radix, объединённый с многолетним опытом команды в выпуске Material UI.Как Base UI связана с Radix и Floating UI?Её создали те же основные разработчики: она объединяет философию нестилизованных примитивов Radix и движок позиционирования Floating UI в одной библиотеке React.
Её создали те же основные разработчики: она объединяет философию нестилизованных примитивов Radix и движок позиционирования Floating UI в одной библиотеке React.Активно ли поддерживается Base UI?Да: в репозитории настроен CI (линтинг, CodeQL, автоматизация релизов), выходят регулярные релизы, а количество звёзд на GitHub превышает 11 тысяч, что говорит об активной разработке.
Да: в репозитории настроен CI (линтинг, CodeQL, автоматизация релизов), выходят регулярные релизы, а количество звёзд на GitHub превышает 11 тысяч, что говорит об активной разработке.На какой стандарт доступности ориентируются компоненты?Компоненты построены на практиках WAI-ARIA, о чём говорят перечисленные в проекте темы, и стремятся к доступному поведению сразу «из коробки».
Компоненты построены на практиках WAI-ARIA, о чём говорят перечисленные в проекте темы, и стремятся к доступному поведению сразу «из коробки».What are similar projects?chakra-ui, kumo, react-spectrum, arc-library, headlessui, primitives, bootstrap-vue, fluentui
chakra-ui, kumo, react-spectrum, arc-library, headlessui, primitives, bootstrap-vue, fluentuiWhich topics is it in?a11y, wai-aria, design-systems, react-components, headless, components, ui-library, design-system, accessibility, monorepo, component-library, ui-components
a11y, wai-aria, design-systems, react-components, headless, components, ui-library, design-system, accessibility, monorepo, component-library, ui-components