99.8K ·GitHub
Что это такое?
Ant Design — это язык дизайна интерфейсов корпоративного уровня и библиотека React-компонентов для создания веб-приложений.
Ant Design — это язык дизайна интерфейсов корпоративного уровня и библиотека React-компонентов для создания веб-приложений.Это дизайн-система, фреймворк или просто библиотека компонентов?Это библиотека React-компонентов, построенная на задокументированном языке дизайна, с полным набором готовых качественных UI-компонентов, а не полноценный фреймворк для приложений.
Это библиотека React-компонентов, построенная на задокументированном языке дизайна, с полным набором готовых качественных UI-компонентов, а не полноценный фреймворк для приложений.Как добавить её в свой проект?Установите её как npm-пакет и импортируйте нужные компоненты и стили в ваше React-приложение.
Установите её как npm-пакет и импортируйте нужные компоненты и стили в ваше React-приложение.Нужно ли что-то помимо React, чтобы её использовать?Она написана на TypeScript и использует собственную стилизацию через CSS-in-JS (antd/cssinjs), поэтому дополнительный CSS-фреймворк, кроме самого React, не нужен.
Она написана на TypeScript и использует собственную стилизацию через CSS-in-JS (antd/cssinjs), поэтому дополнительный CSS-фреймворк, кроме самого React, не нужен.Какие браузеры и среды она поддерживает?Она ориентирована на современные браузеры (последние 2 версии Edge, Firefox, Chrome, Safari), поддерживает Electron и работает с серверным рендерингом (SSR).
Она ориентирована на современные браузеры (последние 2 версии Edge, Firefox, Chrome, Safari), поддерживает Electron и работает с серверным рендерингом (SSR).Можно ли использовать её вне браузера, например в настольном приложении?Да, поскольку она поддерживает приложения на Electron в дополнение к обычным веб-средам и SSR.
Да, поскольку она поддерживает приложения на Electron в дополнение к обычным веб-средам и SSR.Можно ли настроить внешний вид компонентов?Да, поддерживается гибкая настройка тем на основе CSS-in-JS: можно переопределять токены дизайна и стили.
Да, поддерживается гибкая настройка тем на основе CSS-in-JS: можно переопределять токены дизайна и стили.Поддерживаются ли языки, кроме английского?Да, из коробки есть поддержка интернационализации для многих десятков языков.
Да, из коробки есть поддержка интернационализации для многих десятков языков.Есть ли связанные инструменты для создания полноценных приложений или под конкретные платформы?Да, в экосистему Ant Design входят Ant Design Pro для быстрого старта проектов, Ant Design Mobile/Mini для мобильных приложений и мини-программ, Ant Design Charts для визуализации и Ant Design X для интерфейсов на основе ИИ.
Да, в экосистему Ant Design входят Ant Design Pro для быстрого старта проектов, Ant Design Mobile/Mini для мобильных приложений и мини-программ, Ant Design Charts для визуализации и Ant Design X для интерфейсов на основе ИИ.Есть ли песочница, чтобы попробовать компоненты без настройки проекта?Да, есть Online Playground для тестирования компонентов и сообщения об ошибках, а также бесплатная онлайн-среда разработки (opensumi.run) для разработки, похожей на локальную.
Да, есть Online Playground для тестирования компонентов и сообщения об ошибках, а также бесплатная онлайн-среда разработки (opensumi.run) для разработки, похожей на локальную.What are similar projects?evergreen, ant-design-vue, chakra-ui, primitives, ant-design-mobile, vuetify, daisyui, formily
evergreen, ant-design-vue, chakra-ui, primitives, ant-design-mobile, vuetify, daisyui, formilyWhich topics is it in?ant-design, antd, css-in-js, design-systems, ui-kit, ui-library, component-library, i18n, electron, ui-components, ui, desktop
ant-design, antd, css-in-js, design-systems, ui-kit, ui-library, component-library, i18n, electron, ui-components, ui, desktop