@antmjs/vantui

一套适用于Taro3及React的vantui组件库

Usage no npm install needed!

<script type="module">
  import antmjsVantui from 'https://cdn.skypack.dev/@antmjs/vantui';
</script>

README

@antmjs/vantui

一套基于 vant-weapp 开发的在 Taro-React / React 框架中使用的多端 UI 组件库

组件文档

点击查看

关联

  • Vant Weapp：由有赞团队打造的轻量、可靠的微信小程序 UI 组件库
  • Taro：由京东团队打造的开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用
  • React：Facebook 内部开源出来的用于构建用户界面的 JavaScript 库

起源

  • 为什么要做这个组件库？我们认为有赞团队的组件库经过了多年的实践积累，以及经过我们的实际体验之后认为确实是一款优秀的组件库，但可惜的是他们只提供了Vue版本和微信小程序版本，而我们的技术架构选用的是Facebook的React库以及京东的Taro库，所以就开始思考如何能把有赞微信小程序的版本迁移到Taro上面来，最终我们实现了@antmjs/vantui。
  • 为什么是99%？迁移的步骤其实不难，第一步100%同步样式，第二步通过Taro convert转译之后再重构js部分，但因为有赞微信小程序的版本完全基于微信小程序实现的，所以在改造兼容支付宝小程序、H5的时候还是存在不能100%兼容的情况，具体的个别差异点可以参考快速上手。
  • 为什么能支持React应用？创建初期是为了在Taro上面使用才建立的，但当我们开始在H5端测试的时候发现，既然这个库能在Taro版的H5应用中使用，为什么不能在React中使用呢？于是乎我们开始调研Taro的底层架构随即理清思路，在不重构任何组件的前提下使之能在React中使用

预览

正在全力建设中...

优势

TS类型安全
目前支持微信小程序、支付宝小程序、H5。其他端逐渐更新中...
React应用中使用

小程序、Taro-React-H5、React-H5多端完全统一

贡献代码

使用过程中发现任何问题都可以提 Issue 给我们，当然，我们也非常欢迎你给我们发 PR，同时，到目前为止我们已经对vant-weapp的commit记录同步到了2021-12-23的版本，我们也会持续同步

开源协议

本项目基于 MIT 协议，请自由地享受和参与开源

参与贡献的小伙伴

hisanshao Chitanda60 zuolung hisanshao
hisanshao Chitanda60 Banlangenn zuolung