# awesome-taro **Repository Path**: NervJS/awesome-taro ## Basic Information - **Project Name**: awesome-taro - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 1 - **Created**: 2020-08-06 - **Last Updated**: 2022-07-08 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Awesome Taro 多端统一开发框架 Taro 优秀学习资源汇总 [![Awesome](https://awesome.re/badge-flat.svg)](https://awesome.re) ## 官方资源 - [Taro 项目仓库](https://github.com/NervJS/taro) - [Taro 官方文档](http://nervjs.github.io/taro) - [Taro UI 项目仓库](https://github.com/NervJS/taro-ui) - [Taro UI 官方文档](https://taro-ui.jd.com) - [微信小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/) - [百度智能小程序官方文档](https://smartprogram.baidu.com/docs/introduction/register/index.html) - [支付宝小程序官方文档](https://docs.alipay.com/mini/developer/getting-started) - [字节跳动小程序官方文档](https://microapp.bytedance.com/) - [京东小程序官方文档](https://mp.jd.com/docs/dev/) - [QQ 小程序官方文档](https://q.qq.com/wiki/) ## 生态资源 - [Taro UI](https://taro-ui.jd.com) - [Taro UI Vue3](https://b2nil.github.io/taro-ui-vue3/) - [Taro UI Vue](https://github.com/psaren/taro-ui-vue) - [更多](https://nervjs.github.io/taro/docs/redux) ## 文章教程 - [官方博客](https://nervjs.github.io/taro/blog) - [不敢阅读 npm 包源码?带你揭秘 taro init 背后的哲学](https://juejin.im/post/5c21f4e5f265da61117a54a0) - [从 0 到 1 构建适配不同端(微信小程序、H5、React-Native 等)的 taro + dva 应用](https://juejin.im/post/5bb1766d5188255c3272cdd0) - [【小程序 taro 最佳实践】http 请求封装(方便使用,增加 token,统一错误日志记录和上报)](https://segmentfault.com/a/1190000016533592) - [【小程序 taro 最佳实践】异步 action 优雅实践(简化流程)](https://segmentfault.com/a/1190000016534001) - [使用 Taro 框架开发小程序](https://juejin.im/post/5ba0a53af265da0ab5037234) - [Taro 下利用 Decorator 快速实现小程序分享](https://juejin.im/post/5b99da5d5188255c6f1e084e) - [微信小程序授权登陆方案以及在 Taro 下利用 Decorator 修饰器实现](https://juejin.im/post/5b97a762e51d450e9649a8fd) - [试用 React 语法的多端框架 Taro 问题汇总](https://segmentfault.com/a/1190000016247153) - [Taro 在京东购物小程序上的实践](https://juejin.im/entry/5b987859e51d450ea2465ddd) - [Taro 实践 - TOPLIFE 小程序 开发体验](https://juejin.im/post/5b3b786a6fb9a04f89780a9f) - [Taro 技术揭秘:taro-cli](https://juejin.im/post/5b3ce041e51d45194832aaf6) - [为何我们要用 React 来写小程序 - Taro 诞生记](https://juejin.im/post/5b30b476518825749e4a1d91) - [GitLab-CI 微信小程序进行持续集成和持续部署](https://zacksleo.github.io/2018/04/08/GitLab-CI%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E8%BF%9B%E8%A1%8C%E6%8C%81%E7%BB%AD%E9%9B%86%E6%88%90%E5%92%8C%E6%8C%81%E7%BB%AD%E9%83%A8%E7%BD%B2/) - [使用 Taro 和 Typescript 进行小程序开发](https://zacksleo.github.io/2018/06/16/%E4%BD%BF%E7%94%A8Taro%E5%92%8CTypescript%E8%BF%9B%E8%A1%8C%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91/) - [微信小程序及 h5,基于 taro,zoro 最佳实践探索](https://www.jianshu.com/p/7c27dbbc080f) - [手把手教你用 Taro 框架写一个图像处理类微信小程序](https://juejin.im/post/5c3c8c58f265da611a4813a9) - [Taro 多端开发的正确姿势:打造三端统一的网易严选(小程序、H5、React Native)](https://juejin.im/post/5c6a151f518825625e4ac830) - [Taro 与 Redux 结合使用教程](https://github.com/imageslr/taro-library#%E5%BC%95%E5%85%A5-redux) - [微信小程序开发之影分身术](https://juejin.im/post/5c788d28e51d4560a82be8d2) ## 开发技巧 - [微信小程序 wx.request 对于 JSON 含 \u2028 处理异常](https://segmentfault.com/a/1190000015443614) - [Taro 最佳实践](https://github.com/js-newbee/taro-best-practices) - [封装 Taro.request(拦截器,url 配置等)](https://github.com/TigerHee/taro-request) ## 示例项目 ### Taro 3.2 - [【58出品】Taro 跨平台 demo,支持 React Native,Weapp,H5](https://github.com/wuba/Taro-Mortgage-Calculator) ### Taro 3 - [TodoMVC React 版](https://github.com/NervJS/TodoMVC/tree/react) (小程序 / H5) - [TodoMVC Vue 版](https://github.com/NervJS/TodoMVC/tree/vue) (小程序 / H5) - Taro 组件库示例 [taro-components-sample](https://github.com/NervJS/taro-components-sample) (默认是 React,Vue 请切到 Vue 分支) - [仿知乎小程序 React 版](https://github.com/NervJS/taro-zhihu-sample/tree/next) - [仿知乎小程序 Vue 版](https://github.com/NervJS/taro-zhihu-sample/tree/vue) - [V2ex 小程序(TypeScript) React 版](https://github.com/NervJS/taro-v2ex/tree/next) - [V2ex 小程序(TypeScript)Vue 版](https://github.com/NervJS/taro-v2ex/tree/vue) - [与微信小程序原生融合的示例(React版)](https://github.com/NervJS/taro-sample-weapp/tree/next) - [与微信小程序原生融合的示例(Vue版)](https://github.com/NervJS/taro-sample-weapp/tree/vue) - [Taro 示例项目(DVA计数器 | 异步请求 | 腾讯地图): Taro+Dva+Typescript+Immer](https://github.com/didilinkin/tarojs-ts-cli) - 💯 [nice-router-taro 脚手架项目,DVA+数据驱动页面+数据驱动表单+数据驱动list](https://github.com/kala888/nice-router-taro) - [抖音一键去水印小程序 (Vue版): Taro + 微信云开发](https://github.com/terryso/super9) ### Taro 2 - Taro Redux 示例 [taro-redux-sample](https://github.com/NervJS/taro-redux-sample) - [TodoMVC](https://github.com/NervJS/TodoMVC) (小程序/H5/React Native) - Taro 组件库示例 [taro-components-sample](https://github.com/NervJS/taro-components-sample/tree/master) - [Taro 脚手架(特性: 封装 api、redux 优雅集成、异常日志上报)](https://github.com/wsdo/taro-kit.git) - [仿知乎小程序](https://github.com/NervJS/taro-zhihu-sample) - [仿知乎小程序: Taro + Taro-UI + yapi API](https://github.com/MoonCheung/zhihu-applet) - [V2ex 小程序(TypeScript)](https://github.com/NervJS/taro-v2ex) - [与微信小程序原生融合的示例](https://github.com/NervJS/taro-sample-weapp) - [记日常小程序 Taro-UI + Rematch + 云开发 + tcb-router](https://github.com/zhixiaoqiang/taroCloud) - 💯 [nice-router-taro 脚手架项目,DVA+数据驱动页面+数据驱动表单+数据驱动list](https://github.com/kala888/nice-router-taro/tree/taro2) ### Taro 1 - Taro 端能力示例 [taro-apis-sample](https://github.com/NervJS/taro-apis-sample) - Taro 实验性特性项目 [taro-todo](https://github.com/NervJS/taro-todo) - [Taro 整合 Dva 示例](https://github.com/zuoge85/taro-dva) - [taro 结合 zoro 完整方案示例](https://github.com/FaureWu/ztaro) - [Taro-UI + Rematch 示例](https://github.com/qwIvan/taro-demo-todolist) - [Taro+dva+wxParse 多端富文本解析示例](https://github.com/zcSkr/taro-dva-wxParse) - [Taro+Taro-UI+es6 入门 demo](https://github.com/hyyqcweb/taro-gank) - [知识付费小程序(TypeScript)](https://github.com/SmallRuralDog/yundocs) - [书店小程序: Taro + Redux + 本地 Mock Server 示例项目](https://github.com/imageslr/taro-library) - [Taro 示例项目(内置 计数器 与 异步请求): Taro + Dva + Typescript + Immutable](https://github.com/didilinkin/elf-taro-cli/tree/taro-1.2.8) ## 开源项目 ### Taro3.2 - [taro-rn-demo](https://github.com/wyzwhp/taro-rn-demo) ### Taro3 - [Taro UI Vue3](https://b2nil.github.io/taro-ui-vue3/) - [Taro UI Vue](https://github.com/psaren/taro-ui-vue) - [基于 Taro + Taro-ui + Typescript + redux 开发的网易云音乐小程序](https://github.com/lsqy/taro-music/tree/feature_upgrade_taro3.0) - [微信小程序每日工作量(vue3 + TS + 云开发)](https://github.com/whyour/mini-work) - [TaroForm可视化表单编辑](https://github.com/ShaoGongBra/taro-form) - [自媒体UP主团购小程序NiceUp(React + TS + 云开发)](https://github.com/nasawz/niceup) ### Taro2 - 💯 [Hi头像](https://github.com/hi-our/hi-face) 自带[教程小册](https://www.xiaoxili.com/hi-face) - 💯 [基于 Taro2.0 + dva + Taro-ui + immer 开发的电商小程序](https://github.com/jiechud/taro-mall) - 💯 [基于 Taro2.0 + TypeScript + 云开发的地图同学录小程序](https://github.com/Mayandev/classmate-map) - [基于 Taro + Taro-ui + Typescript + redux 开发的网易云音乐小程序](https://github.com/lsqy/taro-music) - [基于 Taro2.0 + dva + Taro-ui + wemark 开发的 markdown 文章博客小程序](https://github.com/hirCodd/JavaNorthMiniApp.git) ### Taro1 - 💯 [首个 Taro 多端统一实例 - 网易严选(小程序 + H5 + React Native)](https://github.com/js-newbee/taro-yanxuan) - 💯 [基于 Taro + Dva 构建的时装衣橱(电商实战项目)](https://github.com/EasyTuan/taro-msparis) - 💯 [基于 Taro + Taro-ui + dva 开发的公益 App](https://github.com/hugetiny/quit-smoking) - 💯 [github 上能找到的 taro 适配 Android、iOS、微信小程序、H5 最佳实践项目脚手架](https://github.com/bozaigao/Taro-demo) - [Taro 掘金小册源码](https://github.com/o2team/taro-ebook-source) - [基于 taro + dva 开发的音乐播放器小程序](https://github.com/huangzhuangjia/taro-music) - [Taro + Taro-UI GitHub 小程序客户端 Gitter 源码](https://github.com/huangjianke/Gitter) - [基于 Taro + dva + Taro-ui + Typescript 开发的网易云音乐小程序](https://github.com/abc-club/taro-music-ts) ## 第三方库和组件 - [f2 图表封装 兼容 H5 和微信小程序](https://github.com/xioxin/taro-f2)(Taro 1.x) - [echarts 图表封装](https://github.com/WsmDyj/echarts-for-taro)(Taro 1.x) - [taro-plugin-canvas - 基于 Taro 的小程序海报组件](https://github.com/chuyun/taro-plugin-canvas)(Taro 3.x) - [taro-bdmark - 基于 Taro 的百度小程序 md 解析器](https://github.com/guozimo/taro-bdMark)(Taro 1.x) - [Mounted - 一款基于 Taro 的小程序组件库](https://github.com/fjc0k/mounted)(Taro 1.x) - [taro-axios - 在 Taro 中使用 axios](https://github.com/fjc0k/taro-axios)(Taro 1.x;2.x;3.x) - 🔨[TaroCreator - 基于Taro UI的小程序可视化设计工具](https://github.com/mpfast/TaroCreator)(Taro 2.x) - [taro-luck-draw - 🍧🍧🍧 基于 taro 的【大转盘 / 九宫格】抽奖插件](https://github.com/LuckDraw/taro-luck-draw)(Taro 3.x)