12.1K ·GitHub
这是什么?
Ant Design Mobile 是一个 React 组件库,为构建移动端网页应用提供必备的界面模块。
这是框架还是组件库?
它是组件库:一组现成的 React 组件(按钮、表单、选择器等),可以直接放进你自己的应用里使用,而不是完整的框架。
怎么把它加到项目里?
从 npm 安装,然后在你的 React 项目中导入需要的组件即可;它的设计规范也基于 antd,如果你用过 Ant Design,会觉得很熟悉。
我需要先配置好 React 吗?
需要,它基于 React 构建,底层依赖 rc-field-form、dayjs、ahooks 等配套库。
不做任何配置也能用吗?
可以,它设计为开箱即用,无需额外配置,同时保持较小的打包体积。
这是给原生移动应用用的,还是给移动端网页用的?
它用于在浏览器中渲染的移动端网页(即“移动端网页应用”),不适用于原生 iOS/Android 应用。
不搭建开发环境也能试用吗?
可以,README 中附有一个 Codesandbox 演示环境,你可以直接在浏览器里体验 antd-mobile。
主题定制的灵活性如何?
主题基于 CSS 变量实现,因此你可以调整组件外观,或可靠、高效地制作自定义主题。
在触屏设备上操作流畅吗?
流畅,该库注重顺滑的手势操作和细腻的动画效果,旨在打造精致的移动端体验。
这些组件的“Atomic”是什么意思?
每个组件只负责做好一件事,不多不少,让组件职责单一、行为可预期。
What are similar projects?
formily, ant-design, ant-design-vue, rare-ui, chakra-ui, react-slick, ant-design-pro, reactstrap
Which topics is it in?
ant-design, antd, react-components, responsive, reactjs, component-library, ui-components, css, mobile, ui, web-app, react