序言
使用Taro开发小程序的时候,可能大家都会遇到组件库的选择问题,Taro的生态正在逐渐完善,可选的组件库也越来越多,下面我会介绍几种常用的组件库,以及如何选择适合自己项目的组件库
选择标准
选择组件库时有两个重要的参考维度:组件丰富度、高阶组件能力
- 组件丰富度:要求组件的种类多,可以覆盖大部分使用场景
- 高阶组件能力:复杂组件能否满足复杂场景的使用要求,比如表单组件、下拉加载组件、轮播组件等
组件库介绍
序号 | 组件库名称 | 主要信息 | 示例截图 |
---|---|---|---|
1 | Taro Component | Taro 团队官方出品,数量少,功能不齐全,且文档不够丰富。 | |
2 | Taro UI | 京东出品,包含49个组件,支持React。但表单组件API过于简单,无法实现表单校验,缺少高阶组件。 | |
3 | NutUi | 京东出品,包含 50+组件,京东风格痕迹较重。并且对 react 的支持度较差。 | |
4 | Taroify | 基于Vant开发,包含 60+组件,支持React,组件数量足够多,且风格比较中立,高阶组件能力完善 |
推荐组件库
推荐的组件库是Taroify,初期可以满足业务开发需要,且后期方便根据UI样式二次封装组件库
按照之前的规划,后面会陆续分享:
- Taro自定义组件
- Taro引入第三方工具库的注意问题
- Taro的跨端编译原理
- Taro自定义插件(实战)