优秀案例和第三方库征集

Question

优秀案例和第三方库征集

luckyadam opened this issue 6 years ago · 212 comments

大家好，

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 主仓库的案例图片。

Answer 1 · 2018-07-02T03:25:18.000Z

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

Answer 2 · 2018-07-02T03:34:46.000Z

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

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

Answer 3 · 2018-07-02T03:40:17.000Z

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

Answer 4 · 2018-07-05T04:58:38.000Z

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

Answer 5 · 2018-07-05T14:41:14.000Z

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

Answer 6 · 2018-07-05T15:42:16.000Z

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

Answer 7 · 2018-07-06T01:52:11.000Z

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

Answer 8 · 2018-07-06T13:13:35.000Z

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

Answer 9 · 2018-07-12T12:43:57.000Z

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

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

Answer 10 · 2018-07-13T03:13:55.000Z

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

Answer 11 · 2018-07-15T02:08:33.000Z

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

Answer 12 · 2018-07-22T13:38:24.000Z

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

Answer 13 · 2018-07-24T15:57:25.000Z

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

Answer 14 · 2018-07-26T15:07:24.000Z

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

Answer 15 · 2018-07-27T09:19:25.000Z

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

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

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

Answer 16 · 2018-07-30T16:28:01.000Z

只是拿了猫眼电影web的接口数据，没有上线。

附上git地址二维码https://github.com/Harhao/miniProgram，有点献丑的感觉(多多指教)

Answer 17 · 2018-08-03T07:45:50.000Z

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

Answer 18 · 2018-08-08T08:14:19.000Z

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

Answer 19 · 2018-08-08T12:38:10.000Z

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

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

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

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

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

Answer 20 · 2018-08-09T08:54:28.000Z

@zengcongjun 不会~

Answer 21 · 2018-08-22T09:51:12.000Z

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

Answer 22 · 2018-08-22T10:25:47.000Z

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

Answer 23 · 2018-08-26T06:02:26.000Z

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

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

Answer 24 · 2018-08-26T06:06:09.000Z

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

Answer 25 · 2018-08-30T11:57:02.000Z

uCourse

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

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

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

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

Answer 26 · 2018-09-02T03:40:56.000Z

小程序：`学区房app`

简单介绍

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

使用方法

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

开发经历

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

感谢

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

Answer 27 · 2018-09-02T13:26:32.000Z

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

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

Answer 28 · 2018-09-02T13:30:09.000Z

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

Answer 29 · 2018-09-02T14:56:21.000Z

@zuoge85 可以的

Answer 30 · 2018-09-03T10:36:40.000Z

我提交了一个 Pull requests #569

Answer 31 · 2018-09-06T08:28:18.000Z

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

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

Answer 32 · 2018-09-07T06:35:44.000Z

双语翻译对照阅读，国外前沿设计类文章。 taro强大代码量极少

Answer 33 · 2018-09-12T03:23:00.000Z

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

麻雀虽小，五脏俱全

Answer 34 · 2018-09-13T04:36:04.000Z

精巧的待办事项
H5

weapp

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

Answer 35 · 2018-09-18T10:47:31.000Z

个人项目，taro 带来动力，感谢 taro

Answer 36 · 2018-09-21T03:57:37.000Z

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

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

预览：

扫码多端体验：

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

Answer 37 · 2018-09-25T01:24:15.000Z

猫眼试用

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

Answer 38 · 2018-09-30T07:21:54.000Z

还呗申请小程序

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

Answer 39 · 2018-10-07T05:08:32.000Z

印象分

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

Answer 40 · 2018-10-08T02:06:46.000Z

印象分

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

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

Answer 41 · 2018-10-15T04:02:35.000Z

H5版 && 微信小程序版

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

Answer 42 · 2018-10-16T05:13:30.000Z

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

Ionicons (v4.4.4, 696 icons, ～131KB)
MaterialIcons (v3.0.1, 935 icons, ～112KB)
MaterialCommunityIcons (v2.8.94, 2906 icons, ～386KB)
FontAwesome (v5.4.2, 1391 icons, ~298KB)

Answer 43 · 2018-10-17T13:23:03.000Z

HuMoran commented 6 years ago

👍2
😄2
🎉2
❤️2

Answer 44 · 2018-10-18T06:15:44.000Z

TaroStarter

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

Answer 45 · 2018-10-19T03:34:23.000Z

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

Answer 46 · 2018-10-24T01:39:32.000Z

京东7FRESH小程序

Answer 47 · 2018-10-26T00:14:44.000Z

税扣扣 2.0.0 正式发布：

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

基于小程序脚手架 TaroStarter 开发
开源地址：税扣扣

欢迎大家多提宝贵意见，欢迎来粉！

Answer 48 · 2018-11-03T07:20:16.000Z

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

Answer 49 · 2018-11-08T01:16:48.000Z

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

Answer 50 · 2018-11-16T05:49:06.000Z

https://github.com/FaureWu/ztaro

简易的todo应用演示

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

Answer 51 · 2018-11-16T06:01:23.000Z

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

Answer 52 · 2018-11-22T09:58:41.000Z

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

看了一下，觉得很棒。

Answer 53 · 2018-11-24T06:10:18.000Z

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

Answer 54 · 2018-11-26T02:49:09.000Z

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

Answer 55 · 2018-11-26T05:20:02.000Z

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

Answer 56 · 2018-11-28T03:27:22.000Z

Herrengit commented 6 years ago

👍2
😄1
🎉1
❤️1

Answer 57 · 2018-12-03T09:53:02.000Z

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

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

Answer 58 · 2018-12-04T03:59:43.000Z

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

Answer 59 · 2018-12-04T06:02:51.000Z

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

Answer 60 · 2018-12-04T06:15:46.000Z

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

小程序码

Answer 61 · 2018-12-04T06:42:57.000Z

车轮社区：千万车主的聚集体地，有趣、好玩、有料，就在车轮社区！

Answer 62 · 2018-12-06T06:27:40.000Z

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

已加入 awesome-taro 豪华大礼包

Answer 63 · 2018-12-06T06:27:55.000Z

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

已加入 awesome-taro 豪华大礼包

Answer 64 · 2018-12-13T03:20:06.000Z

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

Answer 65 · 2018-12-13T10:21:29.000Z

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

Answer 66 · 2018-12-14T02:26:25.000Z

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

Answer 67 · 2018-12-14T08:21:27.000Z

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

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

Answer 68 · 2018-12-15T22:23:45.000Z

我司产品
优投房：美国房源小程序，一个美国房产信息平台

Answer 69 · 2018-12-17T15:38:57.000Z

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 哦