优秀案例和第三方库征集 #244

luckyadam · 2018-07-02T03:20:13Z

大家好，

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

The text was updated successfully, but these errors were encountered:

FaureWu · 2018-07-02T03:25:18Z

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

yuche · 2018-07-02T03:34:46Z

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

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

idowe · 2018-07-02T03:40:17Z

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

tolerance-go · 2018-07-05T04:58:38Z

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

cheneywan · 2018-07-05T14:41:14Z

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

luckyadam · 2018-07-05T15:42:16Z

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

cheneywan · 2018-07-06T01:52:11Z

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

luckyadam · 2018-07-06T13:13:35Z

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

shenqihui · 2018-07-12T12:43:57Z

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

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

zacksleo · 2018-07-13T03:13:55Z

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

Lizhooh · 2018-07-15T02:08:33Z

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

Lizhooh · 2018-07-22T13:38:24Z

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

luckyadam · 2018-07-24T15:57:25Z

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

Lizhooh · 2018-07-26T15:07:24Z

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

hammerwang666 · 2018-07-27T09:19:25Z

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

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

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

Harhao · 2018-07-30T16:28:01Z

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

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

Wyii · 2018-08-03T07:45:50Z

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

riskers · 2018-08-08T08:14:19Z

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

luankefei · 2018-08-08T12:38:10Z

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

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

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

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

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

luckyadam · 2018-08-09T08:54:28Z

@zengcongjun 不会~

aacxg · 2018-08-22T09:51:12Z

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

ronffy · 2018-08-22T10:25:47Z

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

Victorkangsh · 2018-08-26T06:02:26Z

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

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

Victorkangsh · 2018-08-26T06:06:09Z

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

songkeys · 2018-08-30T11:57:02Z

uCourse

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

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

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

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

ly525 · 2018-09-02T03:40:56Z

小程序：`学区房app`

简单介绍

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

使用方法

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

开发经历

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

感谢

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

zuoge85 · 2018-09-02T13:26:32Z

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

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

zuoge85 · 2018-09-02T13:30:09Z

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

luckyadam · 2018-09-02T14:56:21Z

@zuoge85 可以的

zuoge85 · 2018-09-03T10:36:40Z

我提交了一个 Pull requests #569

xinhaoxx · 2022-09-29T09:27:47Z

artdong · 2022-10-08T06:30:46Z

超难急转弯

智力不够，就不要来挑战这个游戏了！

Luxiaoren · 2022-11-04T09:47:07Z

欣和食与家

一开始是mpvue开发的，但是mpvue很久不更新，于是就果断转Taro了，转换过程繁琐但是并不复杂，效果还是很好的，欢迎试用

geekact · 2022-11-12T07:07:13Z

foca 好用的redux框架，文档完整，案例齐全，支持react，RN，taro

模块化开发，导出即可使用
专注 TS 极致体验，100%类型提示
内置 immer 响应式修改数据
支持 computed 计算属性，自动收集依赖
支持私有方法
自动管理异步函数的 loading 状态
可定制的多引擎数据持久化

Tenodec · 2022-12-02T03:26:32Z

欣和食与家

一开始是mpvue开发的，但是mpvue很久不更新，于是就果断转Taro了，转换过程繁琐但是并不复杂，效果还是很好的，欢迎试用

跟我一样，隔壁remax不再大更新。转taro

yijinc · 2023-01-09T05:43:11Z

fishui: https://github.com/yijinc/fishui

hzm07 · 2023-01-29T07:49:18Z

应用领域：服务于广西流动人员人事档案管理领域
应用名称：广西流动人员人事档案管理之掌上办
H5技术栈：Taro 3.3 + vue 3 + taro-ui

jiangjin3323 · 2023-03-08T01:20:45Z

基于React-Hooks + Taro + Nut-Ui 的仿网易云音乐H5。
链接：https://github.com/jiangjin3323/ReactHooks-taro-music.git
图片：

ParkerTzh · 2023-04-21T08:48:01Z

微信小程序：账房生生
场景：日常记账，账本图表分析；
技术栈：[email protected], Taro-UI, mobx;

ntnyq · 2023-04-22T09:45:38Z

taro-define-config

为 Taro 项目的配置文件提供 defineConfig 函数，有利于对配置的:

自动提示
类型检查
文档查看
弃用提示

LIANGQI0811 · 2023-06-30T02:36:15Z

https://github.com/LIANGQI0811/taroqrcode.vue3 为taro-vue3适配的一个二维码组件。目前支持h5和微信小程序

ShaoGongBra · 2023-08-10T06:37:05Z

DUXUI-UI库
基于Taro开发的一套UI库，兼容小程序、H5、ReactNative

APP

小程序

H5

arcturus011 · 2023-08-19T10:01:13Z

使用 preact 代替 nervjs

为了解决下面两个问题

nervjs 对 Fragment 支持不好，有时候 diff 会报错
react devtools 不可用，调试起来只能手动打断点

https://github.com/larry011/taro-preact-webpack-plugin

Kopei · 2023-09-25T13:28:50Z

上海小学学区微信小程序 taro-ui, tencent map

tashaxing · 2023-09-27T08:40:04Z

悦动跑步

使用taro开发

joydezhong · 2023-09-28T07:40:33Z

学生辞典大全，学生的得力小助手。

taro.js+taroUI

ColinHwang · 2023-10-01T05:50:20Z

单位换算工具Pro

支持面积、重量、体积、密位等多种单位换算，滑动切换，方便操作

使用taro开发

nobu121 · 2023-10-09T09:43:52Z

一个在taro中使用zustand作为状态管理，并实现持久化的示例。

azzcs-sunny · 2023-10-13T09:27:00Z

图梦工场
各种壁纸下载
使用React-Hooks + Taro + ts开发

sutras · 2023-10-20T03:01:06Z

欢迎大家围观 https://github.com/sutras/sard

dagouzhi · 2024-02-02T03:42:41Z

【工具自荐】一款无需上线审核的小程序容器（支持ios/android）
一款自由的小程序容器，打造私有化平台，可助自有 App 运行小程序，实现快速动态化架构构建，代码一次开发多端投放. 🌈

✨ 支持实时上线ios/android体验测试

🎓 可使用多套开发模板
🌱 支持 ✨ Taro 开发多端小程序(ios/android/微信/京东/百度/支付宝/字节跳动/QQ/飞书/H5/红糖云服-小程序)
📚 支持 ✨ Expo 开发更完善的应用(ios/android/H5/红糖云服-小程序)
💻 支持 ✨ cocos-creator 开发小游戏(ios/android/H5/微信/红糖云服-小游戏)

开源了一个小程序模版做的电影app
https://github.com/htyf-mp-community/movie

红糖云服app下载 https://mp.dagouzhi.com/

使用红糖云服app 扫码添加小程序

自己做技术的，好多情况情自己也不清楚，也不会推广，就不知道有没有机会，有没有前景

Lean71360 · 2024-02-29T11:22:31Z

上海市二手房交易量、成交套数、价格、面积、均值、年度汇总、趋势等数据统计

zhipenglin · 2024-03-12T07:51:15Z

https://kne-union.github.io/ued/#/miniprograms/antd-taro

一个从antd-mobile迁移到Taro的组件库

github地址: https://github.com/kne-union/antd-taro

https://kne-union.github.io/ued/#/miniprograms/mini-core

一个使用Taro的小程序开发框架

github地址: https://github.com/kne-union/mini-core

phy-lei · 2024-03-26T08:02:38Z

使用solidjs写小程序

基于taro3运行时的编译插件：https://github.com/phy-lei/tarojs-plugin-solid

lemonchip · 2024-05-08T07:02:55Z

有类似html2canvas把dom生成图片的库吗

PiuQiuPiaQia · 2024-05-29T12:47:57Z

有类似html2canvas把dom生成图片的库吗

dom2image

hooliy · 2024-07-19T03:08:26Z

Taro+nutui 开发的用车成本记账个人小程序！

jackz123 · 2024-07-24T09:23:43Z

Taro 开发的好伙伴司机端小程序，能抢单，实时预估发货费用，提供货物跟踪、回款状态、回单状态跟踪功能。

happyyhl · 2024-10-23T06:00:24Z

Taro 开发的来取：寄快递、发大件好帮手；优惠、便捷。

yoyo837 pinned this issue Nov 4, 2022

优秀案例和第三方库征集 #244

优秀案例和第三方库征集 #244

Comments

luckyadam commented Jul 2, 2018 • edited by yuche Loading

FaureWu commented Jul 2, 2018

yuche commented Jul 2, 2018

idowe commented Jul 2, 2018 • edited Loading

tolerance-go commented Jul 5, 2018 • edited Loading

cheneywan commented Jul 5, 2018

luckyadam commented Jul 5, 2018

cheneywan commented Jul 6, 2018

luckyadam commented Jul 6, 2018

shenqihui commented Jul 12, 2018 • edited Loading

zacksleo commented Jul 13, 2018

Lizhooh commented Jul 15, 2018

Lizhooh commented Jul 22, 2018 • edited Loading

luckyadam commented Jul 24, 2018

Lizhooh commented Jul 26, 2018 • edited Loading

hammerwang666 commented Jul 27, 2018 • edited Loading

Harhao commented Jul 30, 2018 • edited Loading

Wyii commented Aug 3, 2018 • edited Loading

riskers commented Aug 8, 2018

luankefei commented Aug 8, 2018 • edited Loading

luckyadam commented Aug 9, 2018

aacxg commented Aug 22, 2018

ronffy commented Aug 22, 2018

Victorkangsh commented Aug 26, 2018

Victorkangsh commented Aug 26, 2018

songkeys commented Aug 30, 2018

ly525 commented Sep 2, 2018 • edited Loading

小程序：学区房app

简单介绍

使用方法

开发经历

感谢

zuoge85 commented Sep 2, 2018

zuoge85 commented Sep 2, 2018

luckyadam commented Sep 2, 2018

zuoge85 commented Sep 3, 2018

xinhaoxx commented Sep 29, 2022

artdong commented Oct 8, 2022

超难急转弯

Luxiaoren commented Nov 4, 2022 • edited Loading

geekact commented Nov 12, 2022

Tenodec commented Dec 2, 2022

yijinc commented Jan 9, 2023

hzm07 commented Jan 29, 2023

jiangjin3323 commented Mar 8, 2023 • edited Loading

ParkerTzh commented Apr 21, 2023

ntnyq commented Apr 22, 2023

LIANGQI0811 commented Jun 30, 2023 • edited Loading

ShaoGongBra commented Aug 10, 2023 • edited Loading

arcturus011 commented Aug 19, 2023

使用 preact 代替 nervjs

Kopei commented Sep 25, 2023

tashaxing commented Sep 27, 2023 • edited Loading

joydezhong commented Sep 28, 2023 • edited Loading

ColinHwang commented Oct 1, 2023

nobu121 commented Oct 9, 2023

azzcs-sunny commented Oct 13, 2023

sutras commented Oct 20, 2023

dagouzhi commented Feb 2, 2024 • edited Loading

红糖云服app下载 https://mp.dagouzhi.com/

使用红糖云服app 扫码添加小程序

Lean71360 commented Feb 29, 2024

zhipenglin commented Mar 12, 2024

phy-lei commented Mar 26, 2024

使用solidjs写小程序

lemonchip commented May 8, 2024

PiuQiuPiaQia commented May 29, 2024

hooliy commented Jul 19, 2024

jackz123 commented Jul 24, 2024

happyyhl commented Oct 23, 2024

luckyadam commented Jul 2, 2018 •

edited by yuche

Loading

idowe commented Jul 2, 2018 •

edited

Loading

tolerance-go commented Jul 5, 2018 •

edited

Loading

shenqihui commented Jul 12, 2018 •

edited

Loading

Lizhooh commented Jul 22, 2018 •

edited

Loading

Lizhooh commented Jul 26, 2018 •

edited

Loading

hammerwang666 commented Jul 27, 2018 •

edited

Loading

Harhao commented Jul 30, 2018 •

edited

Loading

Wyii commented Aug 3, 2018 •

edited

Loading

luankefei commented Aug 8, 2018 •

edited

Loading

ly525 commented Sep 2, 2018 •

edited

Loading

小程序：`学区房app`

Luxiaoren commented Nov 4, 2022 •

edited

Loading

jiangjin3323 commented Mar 8, 2023 •

edited

Loading

LIANGQI0811 commented Jun 30, 2023 •

edited

Loading

ShaoGongBra commented Aug 10, 2023 •

edited

Loading

tashaxing commented Sep 27, 2023 •

edited

Loading

joydezhong commented Sep 28, 2023 •

edited

Loading

dagouzhi commented Feb 2, 2024 •

edited

Loading