Следуя спецификации Ant Design, мы разработали библиотеку React UI. antd содержащий набор высококачественных компонентов и демонстраций для создания насыщенных интерактивных пользовательских интерфейсов.
✨ Особенности
- ? Пользовательский интерфейс корпоративного класса, разработанный для веб-приложений.
- ? Набор высококачественных компонентов React из коробки.
- ? Написано на TypeScript с предсказуемыми статическими типами.
- ⚙️ Полный пакет ресурсов для дизайна и инструментов разработки.
- ? Поддержка интернационализации для десятков языков.
- ? Мощная настройка темы в каждой детали.
Поддержка окружающей среды
- Современные браузеры
- Рендеринг на стороне сервера
- Электрон
Полифиллы нужны для браузеров IE. Мы рекомендуем @babel/preset-env для этого. Вы можете установить targets config, если вы используете уми.
Прекращена поддержка IE8 после
[email protected]. Прекращена поддержка React 15 и IE9/10 после[email protected]. Прекращена поддержка IE после[email protected].
Версия
- Стабильный:
Вы можете подписаться на эту ленту для получения уведомлений о новых версиях: https://github.com/ant-design/ant-design/releases.atom
Монтаж
Используя npm или yarn или pnpm или bun
Мы рекомендуем использовать нпм или пряжа или пнпм или булочка установитьон не только упрощает разработку, но и позволяет вам воспользоваться богатой экосистемой пакетов и инструментов Javascript.
Если вы находитесь в плохой сетевой среде, вы можете попробовать другие реестры и инструменты, такие как cnpm.
Импорт в браузер
Добавлять script и link теги в вашем браузере и используйте глобальную переменную antd.
Мы предоставляем antd.js и antd.min.js reset.css под расстояние папка в npm-пакете antd. Вы также можете загрузить эти файлы напрямую с 
, или распаковать.
Мы настоятельно не рекомендуем загружать файлы целиком. это добавит раздувания вашему приложению и затруднит получение исправлений и обновлений. Antd предназначен для использования в сочетании с инструментом сборки, таким как вебпакчто позволит легко импортировать только те части antd, которые вы используете.
Примечание: Вам следует импортировать
react、react-dom、dayjsПеред использованиемantd.js.
Применение
import React from 'react';
import { DatePicker } from 'antd';
Использовать модульный antd
antd по умолчанию поддерживает встряхивание дерева модулей ES.
Машинопись
antd предоставляет встроенное определение ts, не устанавливать @types/antd.
Ссылки
Реализации без React
React используется для инкапсуляции библиотеки компонентов, которые воплощают наш язык дизайна. Мы приветствуем сообщество, которое может реализовать нашу систему дизайна в других фронтенд-фреймворках по своему выбору.
Компании, использующие antd
Ant Design широко используется для создания корпоративных веб-сайтов как внутри страны, так и за рубежом. Вы можете обратиться к wappalyzer для получения справочных данных. Если ваша компания или продукт использует Ant Design, сообщите нам об этом здесь!
Внося вклад
Пожалуйста, прочтите наш ВКЛАД.md первый.
Если вы хотите помочь нам улучшить antd, просто создайте Запрос на извлечение. Не стесняйтесь сообщать об ошибках и проблемах здесь.
Если вы новичок в публикации проблем, просим вас прочитать Как задавать вопросы разумно и Как задать вопрос в сообществе разработчиков ПО с открытым исходным кодом и Как эффективно сообщать об ошибках перед публикацией. Хорошо написанные отчеты об ошибках помогают нам помочь вам!
Нужна помощь?
Если у вас есть вопросы по использованию antd, пожалуйста, отправьте их по адресу Обсуждения на GitHub используя Q&A тег или 
используя antd ярлык.
Как всегда, мы призываем опытных пользователей помогать тем, кто не знаком с antd!
