React Vant

参照 Vant 打造的 React 框架移动端组件库。

🔥 文档网站（国内）   🌈 文档网站（GitHub）

路线图

Roadmap概览

特性

• 🚀 性能极佳，组件平均体积小于 1KB（min+gzip）
• 🚀 60+ 个高质量组件，覆盖移动端主流场景
• 💪 使用 TypeScript 编写，提供完整的类型定义
• 📖 提供完善的文档和组件示例
• 🍭 支持主题定制，内置 700+ 个主题变量
• 🍭 支持按需引入和 Tree Shaking
• 🍭 支持服务器端渲染SSR
• 🍭 支持 Vite

安装

快速开始

import ReactDOM from 'react-dom';
import { Button } from 'react-vant';
import 'react-vant/lib/index.css';

function App() {
  return <Button>Default Button</Button>;
}

ReactDOM.render(<App />, mountNode);

快速集成

在 create-react-app 中使用

参考react-vant-cra

在 umijs 使用

参考react-vant-umi

在 nextjs 使用

参考react-vant-nextjs

vite 集成

参考react-vant-vite

请参阅Quickstart中的更多内容。

浏览器支持

React Vant 支持现代浏览器以及 Chrome >= 51、iOS >= 10.0。

贡献代码

修改代码请阅读我们的 贡献指南。

使用过程中发现任何问题都可以提 Issue 给我们，当然，我们也非常欢迎你给我们发 PR。

欢迎加入我们的微信讨论组

手机预览

可以手机扫码以下二维码访问手机端 demo：

Contributors ✨

Thanks goes to these wonderful people (emoji key):

0x219 💻 📖 🚧	TinsFox 💻 📖 🚧	Seth Yuan 💻	union-mall 💻	Tang Zhi 💻	yuegongzi 💻 📖	周神 💻
BiscuitCoder 🎨	WhiteSource Renovate 📖 🛡️ 🔧	allcontributors[bot] 🔧	dependabot[bot] 📖 🛡️	Cedong.Lee 🐛	xiaomao Feng 🐛	xiaojingyuaner 🐛
keep_wan 🐛	zhangYin 🐛 🤔	Yann 🐛	feifaneric 🐛

This project follows the all-contributors specification. Contributions of any kind welcome!