irpas技术客

taro VS uniapp 前端框架 跨平台 小程序_Poseidon海_taro和uniapp对比

irpas 8357

Taro 介绍 简介

Taro 是一个开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用。

现如今市面上端的形态多种多样,Web、React Native、微信小程序等各种端大行其道。当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

特性

多端转换支持 Taro 3 可以支持转换到 H5、ReactNative 以及任意小程序平台。

目前官方支持转换的平台如下:

H5 ReactNative 微信小程序 京东小程序 百度小程序 支付宝小程序 字节跳动小程序 QQ 小程序 钉钉小程序 企业微信小程序 支付宝 IOT 小程序 飞书小程序 框架支持 在 Taro 3 中可以使用完整的 React / Vue / Vue3 / Nerv 开发体验,具体请参考:

基础教程——React 基础教程——Vue 基础教程——Vue3

uni-app介绍

uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。

DCloud公司拥有900万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app(详见 (opens new window)),腾讯课堂官方为uni-app录制培训课程(详见 (opens new window)),开发者可以放心选择。

uni-app在手,做啥都不愁。即使不跨端,uni-app也是更好的小程序开发框架(详见 (opens new window))、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习惯。

taro vs uniapp

开发流程方面,taro和uni-app均是以微信小程序为基础,也都针对小程序的开发弊端,提供了更优秀的体验,比如:

均支持使用 npm/yarn 安装管理第三方依赖 均支持使用 ES6 甚至更新的ES规范 均支持使用 less/scss/ts 等预编译器 均支持进行应用状态管理,taro 支持 Redux/Mobx,uni-app 支持 vuex 开发工具方面,taro官方未特别推荐IDE,但提供了vscode支持的d.ts; uni-app推荐的开发工具是他自家的HBuilderX,用它可以不配环境,开箱即用; hbuilder以前接触过,当时没深研究,新版还挺让我意外,真没想到国人的开发工具可以做到这样,尤其是他家的markdown支持真心不错,于是本文就是在hbuilder里写的(已经有情感分了哈哈)。

总结:两个框架都支持现代前端开发流程。hbuilder对uni-app提供了优化定制,但对不熟悉的开发者有一定适应成本。另外hbuilder自带一个编译器,和cli装在项目下的编译器是2个,这个坑不少新人要注意别踩。

社区生态

学习交流

Taro通过Github Issues+微信群方式交流,微信群活跃,贡献代码的人也多。

uni-app有专门的论坛,还有视频教程,QQ群微信群都活跃。

另外文档角度,uni-app的文档比taro要完善,数了数交流群的数量,也是uni-app多不少。

生态

taro官方发布了taro-ui库,awesome里三方组件不太多。

uni-app官方发布了uni-ui库,还有个插件市场,里面轮子很多,做业务应该可以很快拼轮子做出来。

参考文档


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #taro和uniapp对比 #taro #介绍简介Taro #ReactVueNerv #等框架来开发 #微信