taro icon indicating copy to clipboard operation
taro copied to clipboard

优秀案例和第三方库征集

Open luckyadam opened this issue 7 years ago • 222 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 主仓库的案例图片。

luckyadam avatar Jul 02 '18 03:07 luckyadam

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

FaureWu avatar Jul 02 '18 03:07 FaureWu

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

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

yuche avatar Jul 02 '18 03:07 yuche

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

idowe avatar Jul 02 '18 03:07 idowe

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

tolerance-go avatar Jul 05 '18 04:07 tolerance-go

gh_c1f6a53f80a7_1280 1

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

cheneywan avatar Jul 05 '18 14:07 cheneywan

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

luckyadam avatar Jul 05 '18 15:07 luckyadam

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

cheneywan avatar Jul 06 '18 01:07 cheneywan

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

luckyadam avatar Jul 06 '18 13:07 luckyadam

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

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

shenqihui avatar Jul 12 '18 12:07 shenqihui

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

zacksleo avatar Jul 13 '18 03:07 zacksleo

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

Lizhooh avatar Jul 15 '18 02:07 Lizhooh

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

1

Lizhooh avatar Jul 22 '18 13:07 Lizhooh

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

luckyadam avatar Jul 24 '18 15:07 luckyadam

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

Lizhooh avatar Jul 26 '18 15:07 Lizhooh

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

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

image

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

hammerwang666 avatar Jul 27 '18 09:07 hammerwang666

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

Harhao avatar Jul 30 '18 16:07 Harhao

default

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

Wyii avatar Aug 03 '18 07:08 Wyii

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

riskers avatar Aug 08 '18 08:08 riskers

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

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

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

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

image

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

luankefei avatar Aug 08 '18 12:08 luankefei

@zengcongjun 不会~

luckyadam avatar Aug 09 '18 08:08 luckyadam

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

aacxg avatar Aug 22 '18 09:08 aacxg

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

ronffy avatar Aug 22 '18 10:08 ronffy

gh_266731e8aed8_258

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

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

Victorkangsh avatar Aug 26 '18 06:08 Victorkangsh

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

Victorkangsh avatar Aug 26 '18 06:08 Victorkangsh

uCourse

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

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

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

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

songkeys avatar Aug 30 '18 11:08 songkeys

小程序:学区房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. 我的邮箱是 [email protected] 欢迎大家和我交流
  6. 在近期会整理一篇文章,记录一下 Taro 与 Taro-UI 开发小程序踩坑之旅,未完待续😂

感谢

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

ly525 avatar Sep 02 '18 03:09 ly525

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

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

zuoge85 avatar Sep 02 '18 13:09 zuoge85

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

zuoge85 avatar Sep 02 '18 13:09 zuoge85

@zuoge85 可以的

luckyadam avatar Sep 02 '18 14:09 luckyadam

我提交了一个 Pull requests #569

zuoge85 avatar Sep 03 '18 10:09 zuoge85