[小程序]用一个好的框架写微信小程序

in 前端 with 0 comment

小程序原生越来越好用了,我们为什么还要用框架来写?
个人认为,使用开发者使用框架可以减少学习成本,不用重新养成一套新的开发习惯,用已有的语法就可以快速的搭建页面、联调
而且小程序的框架现在非常成熟,通常一个框架写出来的小程序往往可以输出多端,在微信、QQ、支付宝、头条等都可以输出基本相同的效果
所以当需要快速生产小程序的场景时可以考虑使用框架

市场上有不少的小程序框架,那他们究竟怎么样呢?

taro

微信小程序 字节跳动小程序 京东小程序 百度小程序 支付宝小程序 QQ 小程序 H5

taro 是京东团队开发的。以 微信小程序组件库 为标准,结合 jsx 语法规范,定制了一套自己的组件库规范。在小程序端可以使用所有的小程序原生组件,而在其他端提供了对应的组件库实现
由于是京东生态的产物,所以 taro 对京东小程序的开发也是非常友好的
令人惊喜的是,taro 支持 React 和 Vue 语法,在初始化的时候选中一种就可以
taro 自身有一部分组件可以直接使用,并且有 taro-ui 丰富组件,可以提高开发效率

links
taro
taro-ui

值得一提的是,taro-ui 支持微信支付宝和百度小程序以及 H5,其他的开放平台还没有支持

Remax

使用真正的 React 构建跨平台小程序

阿里系小程序 腾讯系小程序 头条小程序 H5

Remax 是阿里团队开发的小程序框架,针对阿里系比较友好。Remax 使用 React 语法构建小程序,针对不同平台提供不同的 API,详见跨平台开发
remax

现在也有一些第三方的支援 Remax 的 UI 库,比如
anna-remax-ui

wepy

Wepy 是腾讯开发的一套小程序开发框架,拥有类 Vue 的语法规则的特点,支持 ts、pug 等。是最早的小程序开发框架之一

wepy
wepy github

其他框架

Uniapp

Uniapp 是一个跨平台的开发工具,除了小程序,还支持 iOS、Android 的混编,是一个强大的工具

mpVue

mpVue 是美团开发的小程序组件库,我不敢推荐是因为上次更新是两年前,上上次更新是五年前,mpVue 像是美团已经遗弃了的孩子。

原生

目前,原生的小程序开发体验越来越好,api 的调用也比原来顺手很多,使用原生开发也不失为一种很好的方式
针对原生微信小程序的开发,现在也有不少组件库,例如有赞的 vant-ui 就是非常不错的方案
vant-weapp

样式库与组件库

随着越来越多的开发者加入了开源社区,目前有越来越多的针对于不同开发框架(原生)的小程序样式库和组件库,可以方便开发者快速的大家小程序产品
以下 43款小程序UI组件库 我并没有挨个测试,感兴趣的小伙伴可以根据自己的需要进行调研