12.1K ·GitHub
Что это такое?
Ant Design Mobile — это библиотека React-компонентов, которая даёт базовые UI-блоки для создания мобильных веб-приложений.
Ant Design Mobile — это библиотека React-компонентов, которая даёт базовые UI-блоки для создания мобильных веб-приложений.Это фреймворк или библиотека компонентов?Это библиотека компонентов: набор готовых React-компонентов (кнопки, формы, пикеры и т. д.), которые вы встраиваете в своё приложение, а не полноценный фреймворк.
Это библиотека компонентов: набор готовых React-компонентов (кнопки, формы, пикеры и т. д.), которые вы встраиваете в своё приложение, а не полноценный фреймворк.Как добавить её в проект?Установите её через npm и импортируйте нужные компоненты в свой React-проект; она также построена на принципах дизайна antd, так что будет знакомой, если вы уже работали с Ant Design.
Установите её через npm и импортируйте нужные компоненты в свой React-проект; она также построена на принципах дизайна antd, так что будет знакомой, если вы уже работали с Ant Design.Нужно ли сначала настроить React?Да, библиотека построена на React и под капотом опирается на сопутствующие библиотеки, такие как rc-field-form, dayjs и ahooks.
Да, библиотека построена на React и под капотом опирается на сопутствующие библиотеки, такие как rc-field-form, dayjs и ahooks.Работает ли она без какой-либо настройки?Да, она рассчитана на работу сразу после установки без дополнительной конфигурации и при этом сохраняет небольшой размер бандла.
Да, она рассчитана на работу сразу после установки без дополнительной конфигурации и при этом сохраняет небольшой размер бандла.Это для нативных мобильных приложений или для мобильных веб-страниц?Она предназначена для мобильных веб-страниц, которые отображаются в браузере («мобильных веб-приложений»), а не для нативных приложений iOS/Android.
Она предназначена для мобильных веб-страниц, которые отображаются в браузере («мобильных веб-приложений»), а не для нативных приложений iOS/Android.Можно ли попробовать её без настройки среды разработки?Да, в README есть ссылка на песочницу Codesandbox, где можно поэкспериментировать с antd-mobile прямо в браузере.
Да, в README есть ссылка на песочницу Codesandbox, где можно поэкспериментировать с antd-mobile прямо в браузере.Насколько гибко настраивается тема оформления?Тема основана на CSS-переменных, поэтому можно менять внешний вид компонентов или надёжно и эффективно создавать собственные темы.
Тема основана на CSS-переменных, поэтому можно менять внешний вид компонентов или надёжно и эффективно создавать собственные темы.Работает ли она плавно на сенсорных устройствах?Да, библиотека делает упор на плавные жесты и аккуратные анимации, чтобы интерфейс на мобильных выглядел отполированным и удобным.
Да, библиотека делает упор на плавные жесты и аккуратные анимации, чтобы интерфейс на мобильных выглядел отполированным и удобным.Что означает «Atomic» для этих компонентов?Каждый компонент отвечает ровно за одну задачу — ни больше, ни меньше, — что делает компоненты сфокусированными и предсказуемыми.
Каждый компонент отвечает ровно за одну задачу — ни больше, ни меньше, — что делает компоненты сфокусированными и предсказуемыми.What are similar projects?formily, ant-design, ant-design-vue, rare-ui, chakra-ui, react-slick, ant-design-pro, reactstrap
formily, ant-design, ant-design-vue, rare-ui, chakra-ui, react-slick, ant-design-pro, reactstrapWhich topics is it in?ant-design, antd, react-components, responsive, reactjs, component-library, ui-components, css, mobile, ui, web-app, react
ant-design, antd, react-components, responsive, reactjs, component-library, ui-components, css, mobile, ui, web-app, react