Taro: 优秀案例和第三方库征集

Created on 2 Jul 2018  ·  176Comments  ·  Source: NervJS/taro

大家好,

Taro 作为开源项目已经有一段时间了,在开源期间我们积极响应各路开发者的疑问与反馈,持续不断打磨 Taro ,希望 Taro 能更加完善,帮助更多开发者提升开发效率,改善开发体验。但在庞大的开发工作量下我们深感自身能力的不足,不能很好地为大家提供 Demo、案例供大家学习,同时也没有足够的精力去适配开发一些第三方库来让开发工作更加美好。这时候我们深刻觉得社区力量的重要性,所以我们开启这一篇 isuue,强烈希望各路大佬们能一起贡献优秀的 Demo 与案例,开发第三方库的适配,从而让 Taro 更加健壮,更加好用。

对于各位大佬们的提交,我们会保持跟进与回复,采纳后的项目将在 Taro ReadMe 的重要位置展示,并加入 Taro 后续的官方推荐中!

你还可以主动向 Taro 提交 PR 把你的项目放到 Taro README 的案例展示中

编辑 taro-user-cases的 index.js 文件,修改第一行 userCases 变量,找到对应平台键值,往数组里添加对象:

name: 应用名
url: 二维码图片地址

修改完毕提交会提交 PR。会有一个 cron 定期截屏更新 taro 主仓库的案例图片。

Announcement

Most helpful comment

gh_c1f6a53f80a7_1280 1

公司项目,算是跟着 taro 一步一步走过来的,这里算是抛砖引玉了

All 176 comments

zoro类似dva-core使用方式的redux框架

我们同时也欢迎提交使用 Taro 不开源的商用/线上项目,大佬们提交的项目也会在 Taro 的首页/readme 中显示。

在开发过程中如果有线上项目遇到 Taro 的问题需要紧急修复,也欢迎联系我和 @luckyadam

redux-box-taro 魔改redux-box ,已在项目中使用

weappx 借鉴了 vuex 的 model 组织和 dva 的 api 的 redux 框架(介绍有点长拗口=。=),已经在生产项目中使用

gh_c1f6a53f80a7_1280 1

公司项目,算是跟着 taro 一步一步走过来的,这里算是抛砖引玉了

@cheneywan 有木有同步生成 H5 版本嘞

@luckyadam 可想同步生成来着,但现在 H5 还有些问题,静待完善 ( •̀ .̫ •́ )✧

@cheneywan 好嘞~有问题随时联系我们

https://github.com/shenqihui/taro_scaffold/tree/v0.1.2

稍微改动下 dva-core 的 redux 版本,只是把 dva-core 扔进项目中,稍微改下语法,然后嵌入进 Taro 的。(目前的 http 请求数据,从 easy-mock 服务器那边获取)

taro-typescript-sample 使用 Typescript 和 Taro 开发小程序示例: 使用 tslint 并结合 taro-lint 进行静态化检查

@cheneywan 在我手机上列表滚动好卡。

使用 taro 开发的趣发现。有图有真相。

1

@Harhao @Lizhooh 二位大佬可以提供下二维码~ 我们稍后更新到 README 上去

@luckyadam 趣发现是腾讯的产品,我这个非官方制作的,没放在线上,代码暂时不公开。

image
作业部落. powered by taro.
希望taro越来越好!

======0813更新=====
作业部落h5版, 截图如下:
image

image

地址: https://wx.zy.com/mpzuoye/

  1. 只是拿了猫眼电影web的接口数据,没有上线。
  • 猫眼电影运行效果
  1. 附上git地址二维码https://github.com/Harhao/miniProgram,有点献丑的感觉(多多指教)
    https://github.com/Harhao/miniProgram

default

这个闪爆了眼睛的小程序是是一个公众号内容阅读工具,第一版的时候使用微信原生开发。期间约到了列表页面和详情页面,以及多个页面间数据状态不好维护的情况。以及各种方法传递、回调、改变数据状态的情况,不仅仅写起来痛苦,维护和bug修复也痛苦。
使用Taro之后解决了轻松解决了这个问题,但是在开发中也碰到了很多坑,好在开发群还是比较活跃的,Taro的开发响应也是很及时。最终保证了我们的产品在deadline之前完成。
这个小程序除了文章详情页面全部使用Taro开发,详情页面因为涉及到了富文本中的DOM操作(那个长按标注功能),Taro无法很好解决组件嵌套、极端情况如:组件自身嵌套组件的情况。所以我们直接将第一版中这部分代码copy到了dist文件夹中。
第一版的解决思路是把WxParse组件化,然后在组件中操作DOM,暂时没能很好地解决。所以有大神在知道如何不重新排版原DOM的情况下能够解决这个问题,欢迎来撩。
补充:这个小程序是公司需求,然而现在公司组织架构调整,后期可能不会维护了,我也争取在离开前让它成功上线了,依然存在一些BUG,但是研发的同学已经没有心思去修复了。所以如果有一天无法访问了,就默默给它点个蜡烛吧。
gh_137e49d54d13_344

用到了视频、分享、登录等小程序功能,因为有了 taro 让我省了不少时间。

我们是助理来也的2C团队,从Taro 0.45跟进到0.69。调研到发布,周期约一个月。非常感谢Taro,让我们在技术选型上不必重拾Vue全家桶💅

特别感谢一下Taro团队老李和yuche,给予了非常多的技术支持。多次在凌晨发版👍

使用到的一些方案,供大家参考

  • typescript
  • redux
  • prettier
  • linter(eslint、tslint、stylelint、precommit)

image

小程序会使用Taro作为首选方案,希望Taro越做越好

@zengcongjun 不会~

支持,小程序原生难用,开发首页看的就是taro,加油

占个位,原先用的wepy开发的项目,最近好容易有了段空闲期,打算taro重构,难度确实不小,希望能顺利完成吧,完成了再来贴码

gh_266731e8aed8_258

【小鱼的信】是一款用来写信的小程序,在沟通越来越快捷但廉价的时代下,偶尔跟爱人或亲人朋友写一封信会是一种更好的沟通方式,希望它能帮到你。

该项目是个人项目,借鉴了官方sample,比较简单,而且又是用graphql跟后端通信,没有通用性,所以也没啥开源的必要,看需求的人多不多吧。

啊对了,【小鱼的信】因为是个人产品,所以会永久维护,数据在无意外情况下至少会保存几十年,各位放心使用。

uCourse

一款给我校(宁波诺丁汉大学)学生评价课程的小程序。(需要校园邮箱认证才能进行操作,所以不是本校人的话估计只能看不能用了……)

从 6 月初左右,就跟着 Taro 从 0.0.5x 版本走到现在。闷头爆肝一个暑假后,终于生出来这么个东西……
现在三个月过去了,基本完成了,和学校老师联系中,希望能给予一些支持,然后开学就上线~

之后计划重构一下代码(Taro 还不是用自定义组件实现的时候,代码写得复用性和可读性都很差),写得更抽象通用一些,还看得过去的话就开源出来,这样其他高校也可以很方便地拿来用……
有时间的话,再试着写一套 UI 库锻炼一下(挖坑)。

感谢 Taro!大佬们幸苦了!期待 1.0.0 正式版!

小程序:学区房app

qr-code

简单介绍

  1. 一款学区房查询应用
  2. 根据 小区 查询 对应的小学、中学、幼儿园。
  3. 根据 学校 查询 对应的小区。
  4. 支持全国大部分的城市:北上广、南京、重庆、深圳、青岛、济南等等等,我们已经收录了 60+的城市,并且在持续的更新,都在这里。
  5. 欢迎使用,给我们反馈,我们在持续优化与改进。

使用方法

  1. 使用微信扫描页面上方二维码进入学区房app小程序
  2. 在微信中搜索“学区房app”即可进入小程序

开发经历

  1. 之前是 vue 开发者,在 京东的 凹凸实验室看到taro,因为实验室出品的质量比较高。正好自己也有做一个学区查询app 的想法,便做了尝试。
  2. 整体的开发流程还会比较顺畅,也会遇到一些问题,都得到了开发大佬们的支持和回复,很及时,非常感谢
  3. 在 app 0.0.6 版本之前,是自己写的组件和 ui,之后看到taro-ui 发了beta版本(现在是正式版了,可以放心使用了),又尝了鲜。很不错,点赞。
  4. 后续打算把一些重复代码做一些重构。收集反馈意见并持续改进。足够稳定以后,考虑开源,回报社区
  5. 我的邮箱是 lantern.[email protected] 欢迎大家和我交流
  6. 在近期会整理一篇文章,记录一下 Taro 与 Taro-UI 开发小程序踩坑之旅,未完待续😂

感谢

  1. 非常感谢taro、nervjs、taro-ui 的各位开发者们提供的框架,让自己减少了很多的工作量
  2. 非常感谢大佬们在自己遇到问题时候的及时回复和解答,雪中送碳。
  3. 祝 Taro 和 Taro-UI 以及凹凸实验室发展顺利,能够出更多高质量的产品
  4. 最后再次表示感谢,各位辛苦了。

整合dva 和 taro 的仿知乎例子 :

https://github.com/zuoge85/taro-dva

是否可以考虑加入示例项目 @luckyadam

@zuoge85 可以的

我提交了一个 Pull requests #569

用Taro开发的一款工资计算的小程序,感觉非常棒。

非常感谢Taro开源的一个好项目


双语翻译对照阅读,国外前沿设计类文章。 taro强大 代码量极少
wechatimg1601
4881536301978_ pic
4891536301979_ pic
4901536301979_ pic

小程序0基础,使用Taro一个星期撸了个拼团商城

gh_56a9edf89935_430

麻雀虽小,五脏俱全

1

精巧的待办事项
H5
h5
weapp
gif
gh_80b66d497f11_1280 1

github https://github.com/innocces/taro-todolist

gh_29d3ce30bd01_860
个人项目,taro 带来动力,感谢 taro

34661537267789_ pic_hd

商家活动推广营销的小程序(Taro 多端开发)

本项目立项就制定了需要公众号h5与小程序共生的需求,
在技术选型的迷茫期中,有幸遇见了Taro,感谢你们!!
从首次接触 Taro 0.0.67 开始,一直到现在的Taro最新版,官方团队真的太不容易了
程序的一阶段的功能基本完成了,一个人独立开发的,有点地方处理不好, 欢迎大家吐槽

预览:

ab

扫码多端体验:

1537498904
1537499421
本人不是美工,细节处理还不到位,各位看客不要太在意!
从前端技术来看,Taro节约了我们太多时间了,
Taro加油,凹凸实验室加油,你们是最棒的!

nr hs5wpd1o 30r c b a1v

猫眼试用

我公司用于评款的小程序,现在试运营阶段。

hb

还呗申请小程序

从最初的 beta 版本到最终的 1.0.0 版本,我们团队踩了不少坑,这个小程序版本总算是上线使用了,这个工具还是不错的,特别是对于我们这些 react 开发者来说。

image

印象分

之前在公司用过 mpvue,但还是习惯于用 React。早就了解到 Taro 这个框架,但一直没机会用。这次和几个小伙伴业余时间开发了这个小程序,开发效率还是挺不错的!

image

印象分

之前在公司用过 mpvue,但还是习惯于用 React。早就了解到 Taro 这个框架,但一直没机会用。这次和几个小伙伴业余时间开发了这个小程序,开发效率还是挺不错的!

试完了下,挺好玩,(ˇˍˇ)

H5版 && 微信小程序版

基于Taro构建了一个时装衣橱的项目演示
GitHub地址

开发了一个图标库:taro-icons
目前支持:

  • [x] [Ionicons](https://ionicons.com/) (v4.4.4, 696 icons, ~131KB)
  • [x] [MaterialIcons](https://material.io/tools/icons/) (v3.0.1, 935 icons, ~112KB)
  • [x] [MaterialCommunityIcons](https://materialdesignicons.com/) (v2.8.94, 2906 icons, ~386KB)
  • [x] [FontAwesome](https://fontawesome.com/) (v5.4.2, 1391 icons, ~298KB)

screenshot

wechatimg39

TaroStarter

一个基于Taro和Zoro的小程序起步框架。谢谢。

gh_1cb21b95b2b0_344

小程序名字: 新笑傲福利站
简单介绍: 这个是完美世界的一个笑傲江湖的小程序,有游戏预约和相关新闻的功能,前期功能不多,后期会不断迭代的,我自己一个开发的,虽然功能不多,但是自己很开心,因为是我自己一个开发的
功能介绍:
1、手机预约: 预约过一次就不能再次预约,button按钮提示预约过,在openType这里遇到了点坑
2、新闻阅读: 相关游戏新闻的阅读
心得: taro开发小程序对于喜欢jsx的开发者来说就是福音,我个人比较喜欢jsx,但是之前没有jsx的小程序框架,这里京东开源了,必须点赞!

京东7FRESH小程序
gh_64ffbd3c19c2_258

税扣扣 2.0.0 正式发布:

  1. 加入专项扣除部分(支持首套房贷,子女教育,租房,老人赡养,继续教育)
  2. 增加全新的单独设置页面
  3. 主页增加专项扣除部分的总数统计
  4. 公积金比例和补充公积金比例可以调节
  5. 页面颜色调整,更醒目
  6. 增加一键清理计算结果功能
  7. 增加版权声明和隐私声明

logo

  1. 基于小程序脚手架 TaroStarter 开发
  2. 开源地址:税扣扣

欢迎大家多提宝贵意见,欢迎来粉!

万邦法务小程序
企业管理咨询服务;企业管理服务(涉及许可经营项目的除外);社会法律咨询;法律文书代理;代理非诉讼法律事务(不得从事诉讼代理、刑事辩护业务);为公民出国定居、探亲、访友、继承财产和其它非公务活动提供信息介绍、法律咨询、沟通联系、境外安排、签证申请及相关的服务;企业财务咨询服务;工商咨询服务;贸易咨询服务;企业形象策划服务;投资咨询服务;商品信息咨询服务;市场营销策划服务;商标代理等服务;专利服务;版权服务;软件服务;工商登记代理服务;集成电路布图设计代理服务;无形资产评估服务;为中小企业提供信用担保;数据交易服务;企业自有资金投资;互联网区块链技术研究开发服务;互联网支付技术的研究;职业技能培训(不包括需要取得许可审批方可经营的职业技能培训项目);教育咨询服务;互联网商品销售(许可审批类商品除外);商品批发贸易(许可审批类商品除外);软件开发;代理记账服务;资产评估服务;电子认证;(依法须经批准的项目,经相关部门批准后方可开展经营活动)。
image

gh_f0b9753f7fa8_1280
君博在线小程序,从泰罗未发布就关注到现在,断断续续的开发了也蛮久的了,终于上线,不是前端,但是泰罗给我了一种初恋的感觉。期待一统天下!

https://github.com/FaureWu/ztaro

简易的todo应用演示

  • redux轻量级框架zoro,用法类似与dva,极易上手
  • 基于express,faker集成了小程序端,h5端简易数据模拟方案,实现真正的前后端分离式开发
  • 扩展request接口,支持restful api冒号参数
  • 提供完善的错误处理机制
  • 结合真实生产的环境简易配置方案
  • 图片资源上传阿里云oss

@FaureWu 你这个在 awesome-taro 提交咯

啊对了,【小鱼的信】因为是个人产品,所以会永久维护,数据在无意外情况下至少会保存几十年,各位放心使用。

看了一下,觉得很棒。

我要个性小程序,图片分享类小程序,感谢taro
gh_802eca353bed_258

「妈妈医选」小程序:妈妈关心的,我们都知道。使用 Taro 重构已上线。
gh_4cd89f0fd556_1280

[吉珠小助手] 小程序:为吉林大学珠海学院学生提供教务系统、校园卡、图书馆查询等服务。
开源地址:https://github.com/xyxc0673/jza-taro
qrcode.jpg

_20181128112711
gh_8b68f1a90464_258

免嗲小程序,利用taro的跨平台特性,可以为注册会员生成微信、支付宝、h5、android、ios多端源码;降低了中小型企业使用小程序的门槛,也能分到微信、支付宝的流量红利,一个平台可以为成千上W的中小企业提供小程序数据服务;

平台地址:http://www.miandia.com/

taro-music 个人开发的基于taro + dva的一个简单的音乐播放器小程序,哈哈,一直想接触小程序开发,之前就关注了taro,所以就用它学习小程序开发,不过该项目没有上线。
music.gif

第三方库:f2图表封装 兼容H5和微信小程序
https://github.com/xioxin/taro-f2
image

精雀赛事:小程序主要是提供舞蹈赛事成绩查询、报名等服务。

| 小程序码 |
|:---:|
| gh_d184fda81d14_258 3 |

gh_bdf5b98b3666_344
车轮社区:千万车主的聚集体地,有趣、好玩、有料, 就在车轮社区 !

taro-music 个人开发的基于taro + dva的一个简单的音乐播放器小程序,哈哈,一直想接触小程序开发,之前就关注了taro,所以就用它学习小程序开发,不过该项目没有上线。
music.gif

已加入 awesome-taro 豪华大礼包

第三方库:f2图表封装 兼容H5和微信小程序
https://github.com/xioxin/taro-f2
image

已加入 awesome-taro 豪华大礼包

Image text
感谢taro开源团队,让我们团队在小程序开发中节省了很多时间

taro的仿知乎例子用wxparse时候没问题,为什么一模一样的项目,你的就会报 wx is undefined。请看一下 @zuoge85

gh_9bcd874b4279_1280
低碳打卡:低碳打卡是一款呼吁全民健身,创建低碳地球的小程序。

taro+dva+wxParse的例子:https://github.com/zcSkr/taro-dva-wxParse
1.利用官方的仿知乎demo例子为基础,实际解决h5和微信小程序端的富文本显示问题.
2.配置了config/index.js, 可以开两个命令行窗口同时跑多个项目。

dva的引入和配置,参考了作者zuoge85的例子。在此鸣谢。
因为zuoge85的例子process.env.TARO_ENV获取不到的问题,特此封装一个。

ada4bf59-3f0f-4d8e-805f-b7ff5cba57ad-response
我司产品
优投房:美国房源小程序,一个美国房产信息平台

taro+dva+wxParse的例子:https://github.com/zcSkr/taro-dva-wxParse
1.利用官方的仿知乎demo例子为基础,实际解决h5和微信小程序端的富文本显示问题.
2.配置了config/index.js, 可以开两个命令行窗口同时跑多个项目。

dva的引入和配置,参考了作者zuoge85的例子。在此鸣谢。
因为zuoge85的例子process.env.TARO_ENV获取不到的问题,特此封装一个。

可以给 https://github.com/NervJS/awesome-taro 提个 pr 哦

quit-smoking
个人开发的基于taro + taro ui + dva的一个简单的公益项目,完全免费开源
https://github.com/hugetiny/quit-smoking

quit-smoking的诞生

入门级别的一个由 taro + taro ui + es6 的一个 demo 项目, 接口全都来自网上, emmm, UI太丑, 不要介意... 本项目免费且开源
taro-gank

@hyyqcweb 可以给 https://github.com/NervJS/awesome-taro 提个 pr

@luckyadam 已提

weapp

赛后,一款提供CBA联赛、中超联赛赛后统计数据查询和分析的小程序

gh_2ed69eda3703_258 1

Gitter:GitHub小程序客户端
开源地址:https://github.com/huangjianke/Gitter

image

前端小助手:前端学习助手,持续维护迭代中

feweekly

尾巴生活 拼团小程序商城 公司项目
gh_b565f8e569ce_430

时慢慢小程序:时间和目标管理
gh_83388fc86259_344

最佳专辑: 每天送你一张要听的专辑~
default

为什么全是微信小程序?难道大家用taro都是做微信小程序吗?有没有h5或者支付宝小程序的案例呢

为什么全是微信小程序?难道大家用taro都是做微信小程序吗?有没有h5或者支付宝小程序的案例呢

只作微信小程序的taro是没有灵魂的

为什么全是微信小程序?难道大家用taro都是做微信小程序吗?有没有h5或者支付宝小程序的案例呢

只作微信小程序的taro是没有灵魂的

因为之前早期版本Taro还没支持支付宝小程序,h5支持不是太好。

Unsplash 图片应用
qrcode

@xiaodel 头像真棒

支付宝小程序 时光简纸

一张简单的卡片记录了一段美好的时光,影像与声音。

s6x00756uy75mq03av5xuc0_3522332

一套源代码,两个主平台,三个程序员,四处找BUG。
爱享到,公司项目,还有App,但是非Taro编译。

爱享到是一家集吃喝玩乐为一体的互联网消费平台,
致力于打造一站式全方位的消费商城,
平台覆盖美食、娱乐、美业和汽车等各类精品生活服务,
为消费者带来更加超值的优惠和VIP的体验。

gh_4dc05b28307a_344 1
20190215181411
img_0402

小程序版码云:Giteer,UI参照Gitter,taro + taro ui + dva
giteer

https://github.com/githinkcn/Giteer/tree/Giteer

一个小程序在线编辑器AE-EDIT
视图容器基于taro做的,利用taro兼容多个平台。
编辑行为逻辑用的vue。

保存后将直接同步到小程序,右上角的小图标可扫码查看。

  • 编辑器地址AE-EDIT
  • 小程序二维码
    basicprofile

@so-diao 你这个怎么用?哪里看使用说明?

@so-diao 你这个怎么用?哪里看使用说明?

产品功能目前还太简单,没有开放使用。

Natsuha Weather - 一个天气微信小程序应用。

Natsuha Weather

effects image

备案查询助手——ICP网站备案查询
gh_8fac6cf44432_258

钢琴轻音乐曲谱——为广大不熟悉五线谱的音乐爱好者提供对应简谱,圆他们的演奏梦想!
技术栈:Taro+Redux+小程序云开发
image

介绍: 启信宝,公司项目, 为用户提供全国企业信用信息查询服务,包括企业注册信息查询、企业工商信息查询、企业信用查询、企业信息查询等相关信息查询。还可以深入了解企业相关的法人股东,企业征信,企业对外投资及任职等各种信息。启信宝帮助您及时全面了解企业经营和人员投资状况。

使用方法: 百度App扫一扫二维码
企业微信截图_15526283951553

最后非常感谢开发团队的技术支持。

程序名:启东实时公交 (微信小程序)
a
b
c

img
做了个动态密码验证小程序,无需下载,无需注册单独的账号,跨平台使用。

距离多远

一款能够显示好友之间距离的小程序

功能

  1. 显示单聊好友距离
  2. 显示群聊好友距离排行
  3. 距离历史记录
  4. 展示如何显示群聊头像
  5. 展示如何在分享无法返回结果时处理分享功能

screenshot

image
image
image

小程序码

image

web网站

https://distance.kennylbj.com/

报考管家

一个基于大数据分析与人工智能的志愿填报系统。

image

image

小程序版

gh_7863d05809d3_430

H5 版

1553691683

微信小程序“钢琴轻音乐曲谱”的百度小程序版,多亏Taro跨平台开发,能够在这么短的时间内推出对应的百度小程序版本。感谢Taro团队!

请用百度APP扫码观看

奇妙壁纸

功能

手机壁纸的浏览,搜索,下载

微信小程序

奇妙壁纸

使用截图

Screenshot_20190330-143634_WeChat
Screenshot_20190330-143708_WeChat
Screenshot_20190330-143746_WeChat

gh_266731e8aed8_258

【小鱼的信】是一款用来写信的小程序,在沟通越来越快捷但廉价的时代下,偶尔跟爱人或亲人朋友写一封信会是一种更好的沟通方式,希望它能帮到你。

该项目是个人项目,借鉴了官方sample,比较简单,而且又是用graphql跟后端通信,没有通用性,所以也没啥开源的必要,看需求的人多不多吧。

刚写的项目后端同样用了graphql+prisma,前端有什么建议吗?用的taro-apollo的库但是想找一套更好的解决方案。

酸壁纸

提供 Bing 壁纸, 美女壁纸, 二次元壁纸下载

gh_1b2b5369e3ec_258

集客商城 :+1:

image


拼多多卷商 :100:

image


淘宝卷商(h5) :1st_place_medal:

image

image
题多多搜题 免费提供语音文字拍照搜题功能 千万级题库,收录全网最多职称类题库,免费开放欢迎试用

gh_3973b544a3f1_258

Koopa, 一个基于github的图床

gh_04087cc0517f_258 (2)
激似,人脸识别并找到你最像的名人

image
小拓帮帮, 2B的物流平台

gh_9e95c8a48cd8_430
你头像真棒,是由南京邮电大学开发团队制作
头像主题商店,你能在里面找到不同主题的头像挂件,然后生成头像

小程序码8cm

听一听 - 专注优质儿童有声读物。

通过扫描图书上的二维码,听故事,学知识。出版社授权正版音频。

后台支持上传音频、视频、图片、Word、Excel、PPT、PDF。类似网盘的方式管理资源,生成二维码,傻瓜式编辑二维码内容。

使用 taro taro-ui mobx 构建

11558156994_ pic_hd

wc_qrcode
宝宝乐学
帮助宝宝认字、识物,学儿歌,学英语,古诗词、经典古籍、各种故事应有尽有
孩子自学好帮手,家庭教育不再愁!

之前已有App,关注Taro一段时间后,果断下手,做了小程序,感觉还不错。

贝壳学堂小程序二维码

贝壳学堂

贝壳学堂提供丰富的启蒙学习资源,涵盖语数外以及科学等内容,成为儿童幼小学习的口袋图书馆,轻松学习拼音、幼儿英语、数学启蒙!

image

SteamCN 蒸汽动力

SteamCN 蒸汽动力论坛小程序

项目开源:https://github.com/xPixv/SteamCN-Mini-Program


电影,cNode

基于Taro的小程序富文本组件:https://github.com/fesiong/richhtml

彩集

【彩集】公司项目,为彩民提供缩水工具,开奖预测,查询开奖结果,关注粉丝圈,以及晒票的平台

gh_a7b7ef7fc3be_258
Time印记
基于Taro开发
Taro+hooks
从一生一次的事件到日常时刻,Time印记优雅的界面使得记录生活为一种简单的乐趣。捕捉您的生活

dooit-for-github
Dooit
基于Taro+Mobx+云开发
效率工具,时间线记录,Three things are enough for one day

CNBQB

CNBQB
表情包小程序,数据源自开源仓库 ChineseBQB,中国表情包大集合,聚欢乐~

redux-mode-ts,redux中的战斗机,地表最强,不接受反驳。与typescript完美结合,缩减50%的redux代码。配合snippets,一行redux代码都不用写。目前支持web/RN和taro。

Abraham

基于taro +taro-ui 开发的垃圾分类小程序

新鲜出炉的小程序,支持Taro!!!
gh_44a51ea2dd08_430
gh_a896d27a50a3_430

垃圾分类学前班


垃圾分类

Taro-实现网易云音乐小程序版本

使用Taro快速开发微信小程序,数据来源使用网上开源的网易云音乐 NodeJS 版 API

项目源码在github

页面效果

Taro 编写 卡片书籍阅读 小程序
BookCard 用 50 张卡片诠释一本书。
卡片拖动丢出以及手势采用小程序原生JS处理

gh_520817bd41d9_344

23ae7c19-80db-4aeb-8adc-eb831fa41f63

gh_9ea1c9a182e7_344
豆芽名片基于Taro+TypeScript打造 收发名片、AI拍照识别、名片管理、I18n国际化等@luckyadam

download
247玩乐行,双语票务平台,Taro 1.3, TypeScript

qrcode
豆瓣小组搜索筛选(em...就是一个抓包小程序),支持自定义豆瓣小组,多关键词置顶/过滤、中介过滤 源码及预览截图

Taro-实现在线少儿编程平台「袋小鼠爱编程」

使用 Taro 快速开发微信、QQ、百度、字节跳动小程序,是专为 4-18 岁青少儿提供在线编程的平台。

项目源码

StudentMultiWebClient

项目预览图

袋小鼠爱编程预览图

项目二维码

微信小程序

微信小程序

QQ小程序

QQ小程序

百度小程序

百度小程序

字节跳动小程序

字节跳动小程序

美食流小程序

gh_6207077b5629_1280

职场逍遥
人在职场飘,哪有不挨刀,万事顺其道,不要太计较。
wcmp_work
zjtd_work

微信小程序 和 字节跳动小程序,Taro打造,多端同时开发。

每天好心情

NiceMood 是基于Taro+Typescript+Dva+云开发的一款文字图片类微信小程序,灵感来自Momentum

小程序码

首页截图

拼音 PRO

小程序码
gh_365ab9eb1245_258

主要页面截图
all

给小朋友写的自家用小程序。初衷是想要一个可同屏显示声、韵母的工具,但市面上还真找不到,所以只好自己写写看。

算第一次写小程序,怕坑用上了 Taro 框架,几天使用下来开发体验非常满意,感谢 O2 团队。另外就是开发过程中 80% 的时间其实都是在做非编程的事,看来 DevOps 真是未来趋势(笑)。

## Insta360官方商城

你读我记

  • 第一次做小程序。自用的一个阅读记录小程序。可以用来记录阅读时间,阅读进度。书架功能也可以作为阅读书籍记录管理功能。
  • 主要技术栈:Taro + Taro UI + rematch + eggjs + mysql

你读我记

一些截图

readingkeeper

拍照识色小程序
这是一款照片识色的小程序,根据照片识别照片的主要色值。
小程序二维码:
wx

极时刻-记录美好时刻

Taro + Taro-ui + 微信云开发

qcode

nice-router-taro 适合后端开发人员使用(结合daas代码生成和拖拽技术实现数据驱动页面)
脚手架项目
链问链答,从冒出来的想法到完成前后端 2人/天(还包含 ps log 的时间)
image

Taro团队的小伙伴们好,感谢你们提供的跨平台框架,显著的提升了小程序跨平台的开发和维护成本。我们前段时间做了一个Taro练手项目,垃圾分类小程序。
微信小程序+百度小程序已经发布,如下:

微信小程序

垃圾分类小程序码

百度小程序
举手垃圾分类

答题挣小钱

使用taro+typescript+hooks+mobx

小程序码

项目预览

宠汪汪项目,来客有礼小程序入口。
wx-jddog-icon-qr (1)
京东 app h5 入口
WechatIMG3
WechatIMG4

下载

五险一金薪资计算器 taro+微信云开发
download

家居电商项目

方米立家居

image

QR code

fangmili_qrcode

用taro做的cnode社区 demo 项目只是个人练习使用 没有上线 所以没有二维码 只有github地址 github
c571886875630309da0d58eb5d9830a
a7c9d50375911425ac8ebd9d9b3c3be

在公司发开的小程序 代码不能公开 只有线上二维码 是报名活动的小程序
gh_20f121ad7c9c_430

zhihu-applet 仿知乎小程序基于Taro框架构建应用程序, @luckyadam 该项目是否可考虑加入示例项目?

找半天没有找到demo

学习Taro时候顺便给母校写的校园工具,QQ版本上线了。
使用:React + Redux

fcf4860520436ca97b891c9341fc2ab4
S91217-11102230

极速打车

gh_a82b1c763e9c_258
f7a447b3ddf72c5d608e5f4e9fc21b40
1579057647
极速打车 ,全部由Taro开发,很多组件与页面实现了多端公用.

美景听听电子导游语音讲解

百度小程序:美景听听

H5 案例 蒙台梭利 新爱婴

http://men.combaby.cn/

可以搜索小程序 “我的勋章墙”,可体验定制纯黑Taro-UI
扫码_搜索联合传播样式-微信标准绿版

IMG_652EDA70FA97-1

ofo小黄车 -> 微信小程序、支付宝小程序

微信小程序码

支付宝小程序码

微信小程序:微查单
简介:一个微商都在使用的录单、查单、查快递的小程序,有了此工具,从此可以摆脱电脑了,方便快捷,随时随地记录订单信息。即便你不是微商,作为一个查快递小程序还是很适合的!
image

Taro_Mall是一款多端开源在线商城应用程序,前端采用Taro 2.0 框架编写,现已全部完成小程序和h5移动端

地址: https://github.com/jiechud/taro-mall

ZAKER小程序,已上线微信小程序和百度小程序


微信小程序

ZAKER(1)
百度小程序

神马排队 一个免费创建排队二维码的小程序,现已上线微信和支付宝。
微信小程序二维码
支付宝小程序二维码

京东快递小程序,已经上线微信端和百度端,感谢 Taro 团队 👍👍👍👍👍👍

微信小程序码:
gh_7376fbac9b0d_258

百度智能小程序码:
京东快递

小程序 谁来做家务,帮助小情侣或家庭分配家务

微信小程序
gh_4af3338cf67b_258 (1)

微信小程序:斗图仔
小程序码:

Taro团队的小伙伴们好,感谢你们提供的跨平台框架,显著的提升了小程序跨平台的开发和维护成本。我们前段时间做了一个Taro练手项目,垃圾分类小程序。
微信小程序+百度小程序已经发布,如下:

微信小程序

垃圾分类小程序码

百度小程序
举手垃圾分类
显著的提升了小程序跨平台的开发和维护成本???
成本显著提升,老王哭晕在厕所

微信小程序
布鲁街优选
布鲁街优选
从1.x版本开始使用,已实现多语言环境。感谢taro团队一直以来的陪伴,让我们拥有更好的开发体验和潜能

erweima

目前只开发了微信小程序。将来有可能会上百度、支付宝等小程序,到时候再补充。感谢taro团队的贡献。

face_changing
一款变脸小程序,创意来源川剧变脸。

gh_266731e8aed8_258

【小鱼的信】是一款用来写信的小程序,在沟通越来越快捷但廉价的时代下,偶尔跟爱人或亲人朋友写一封信会是一种更好的沟通方式,希望它能帮到你。

该项目是个人项目,借鉴了官方sample,比较简单,而且又是用graphql跟后端通信,没有通用性,所以也没啥开源的必要,看需求的人多不多吧。

您好 我能请教一下 获取手机号一键登录的实现方式吗?

gh_e537aca987a9_344

【MECE学习力诊断】使用Taro3.x,开发体验友好~nice

gh_f67c65e27405_344
【布鲁可成长中心】小程序,使用Taro1.x,准备升级Taro3.x

qrcode

preview

目前是Taro v2.0.5 + Taro UI v2.3.2搭配的.

有时间打算升到next试试.

涂鸦智能小程序

智能物联网小程序,实现微信小程序对智能设备的控制、场景管理、自动化等等功能,能够快速扩展小程序的边界和能力。具体可以参考这里

体验小程序

如果在设备列表中显示没有设备,可以点击 “添加设备”,选择“扫码配网”,扫描下面的二维码,即可体验设备。

香薰机

空调

窗帘电机

智能灯

答疑

文档看了这么多,还是有很多疑问?需要有技术支持?对我们的小程序有建议?有吐槽?有需求?都可以添加下面的微信为好友,为您答疑解惑。

image.png

PP题库小程序

这是一款在线搜题做题的小程序 有拍照搜题语音搜题 在线练习等功能 欢迎体验提BUG。
一套代码五端运行, 做了很多兼容性处理感谢taro 提供的多端开发体验。 应该是是taro 为数不多的 多端开发商业项目了吧 已经稳定上线一个月了 微信的我们还做了第三方平台的代码模板分发 分发了大概 50个微信小程序 。感谢taro团队的贡献。

体验小程序

微信小程序
企业微信截图_16022951845039

百度智能小程序
企业微信截图_16022952182630

支付宝小程序
企业微信截图_16022954069401

QQ小程序
企业微信截图_16022955403106

头条小程序
企业微信截图_16022960758073

项目名称

  • 趣婚礼

  • 基于Taro2 + 云开发 打造婚礼邀请函

项目介绍

  • 结婚的时候婚礼邀请函是一道必不可少的程序,但是没法去很好的留存我们的数据和回忆(除非有后端支持)。
    最近刚好在学习Taro,所有就尝试基于Taro + 云开发快速的搭建一个婚礼邀请函小程序。

云开发

  • 也有人会问,使用了云开发,怎么去管理数据呢,不用担心,云开发CMS帮你搞定,支持文本、富文本、图片、文件、关联类型等多种类型的可视化编辑。

CMS GitHub

模块划分

  1. 邀请 =》邀请函信息
  2. 相册 =》相册展示
  3. 导航 =》婚礼举办地
  4. 祝福 =》婚礼视频及弹幕留言,留言保存至留言列表
  5. 留言 =》好友留言

项目地址

小程序二维码:

趣婚礼 Logo

可视化表单编辑器,支持小程序、app、h5,开源项目,欢迎star
https://github.com/ShaoGongBra/taro-form

Was this page helpful?
0 / 5 - 0 ratings