多端统一开发框架 Taro 优秀学习资源汇总

╰+哭是因爲堅強的太久メ 2022-02-15 07:46 217阅读 0赞

多端统一开发框架 Taro 优秀学习资源汇总 [![Awesome][]][Awesome 1]

## 官方资源 ##

*  [Taro 项目仓库][Taro]
 *  [Taro 官方文档][Taro 1]
 *  [Taro UI 项目仓库][Taro UI]
 *  [Taro UI 官方文档][Taro UI 1]
 *  [微信小程序官方文档][Link 1]
 *  [百度智能小程序官方文档][Link 2]
 *  [支付宝小程序官方文档][Link 3]
 *  [字节跳动小程序官方文档][Link 4]

## 文章教程 ##

*  [不敢阅读 npm 包源码？带你揭秘 taro init 背后的哲学][npm _ taro init]
 *  [从0到1构建适配不同端（微信小程序、H5、React-Native 等）的taro + dva应用][0_1_H5_React-Native _taro _ dva]
 *  [【小程序taro最佳实践】http请求封装（方便使用，增加token，统一错误日志记录和上报）][taro_http_token]
 *  [【小程序taro 最佳实践】异步action优雅实践(简化流程)][taro _action]
 *  [使用Taro框架开发小程序][Taro 2]
 *  [Taro下利用Decorator快速实现小程序分享][Taro_Decorator]
 *  [微信小程序授权登陆方案以及在Taro下利用Decorator修饰器实现][Taro_Decorator 1]
 *  [试用React语法的多端框架Taro问题汇总][React_Taro]
 *  [Taro 在京东购物小程序上的实践][Taro 3]
 *  [Taro实践 - TOPLIFE小程序 开发体验][Taro_ - TOPLIFE_]
 *  [Taro 技术揭秘：taro-cli][Taro _taro-cli]
 *  [为何我们要用 React 来写小程序 - Taro 诞生记][React _ - Taro]
 *  [GitLab-CI微信小程序进行持续集成和持续部署][GitLab-CI]
 *  [使用Taro和Typescript进行小程序开发][Taro_Typescript]
 *  [微信小程序及h5,基于taro，zoro最佳实践探索][h5_taro_zoro]
 *  [手把手教你用Taro框架写一个图像处理类微信小程序][Taro 4]
 *  [Taro 多端开发的正确姿势：打造三端统一的网易严选（小程序、H5、React Native）][Taro _H5_React Native]
 *  [Taro 与 Redux 结合使用教程][Taro _ Redux]
 *  [微信小程序开发之影分身术][Link 5]

## 开发技巧 ##

*  [微信小程序 wx.request 对于 JSON 含 \\u2028 处理异常][wx.request _ JSON _ _u2028]
 *  [Taro 最佳实践][Taro 5]

## 示例项目 ##

*  Taro Redux 示例 [taro-redux-sample][]
 *  [TodoMVC][] (小程序/H5/React Native)
 *  Taro 组件库示例 [taro-components-sample][]
 *  Taro 端能力示例 [taro-apis-sample][]
 *  Taro 实验性特性项目 [taro-todo][]
 *  [Taro脚手架（特性： 封装api、redux优雅集成、异常日志上报）][Taro_ _api_redux]
 *  [仿知乎小程序][Link 6]
 *  [Taro整合Dva示例][Taro_Dva]
 *  [V2ex小程序（TypeScript）][V2ex_TypeScript]
 *  [与微信小程序原生融合的示例][Link 7]
 *  [taro结合zoro完整方案示例][taro_zoro]
 *  [Taro-UI + Rematch 示例][Taro-UI _ Rematch]
 *  [Taro+dva+wxParse多端富文本解析示例][Taro_dva_wxParse]
 *  [Taro+Taro-UI+es6 入门demo][Taro_Taro-UI_es6 _demo]
 *  [知识付费小程序（TypeScript）][TypeScript]
 *  [书店小程序： Taro + Redux + 本地 Mock Server 示例项目][Taro _ Redux _ _ Mock Server]
 *  [Taro 示例项目(内置 计数器 与 异步请求): Taro + Dva + Typescript + Immutable][Taro _ _ _ _ Taro _ Dva _ Typescript _ Immutable]
 *  [记日常小程序 Taro-UI + Rematch + 云开发 + tcb-router][Taro-UI _ Rematch _ _ _ tcb-router]

## 开源项目 ##

*  ?[首个 Taro 多端统一实例 - 网易严选（小程序 + H5 + React Native）][Taro _ - _ _ H5 _ React Native]
 *  ?[基于Taro + Dva构建的时装衣橱(电商实战项目)][Taro _ Dva]
 *  ?[基于Taro + Taro-ui + dva开发的公益App][Taro _ Taro-ui _ dva_App]
 *  [Taro 掘金小册源码][Taro 6]
 *  [基于taro + dva开发的音乐播放器小程序][taro _ dva]
 *  [Taro + Taro-UI GitHub小程序客户端Gitter源码][Taro _ Taro-UI GitHub_Gitter]

## 第三方库和组件 ##

*  [f2图表封装 兼容H5和微信小程序][f2_ _H5]
 *  [echarts图表封装][echarts]
 *  [taro-plugin-canvas - 基于Taro的小程序海报组件][taro-plugin-canvas - _Taro]
 *  [taro-bdmark - 基于Taro的百度小程序md解析器][taro-bdmark - _Taro_md]
 *  [Mounted - 一款基于 Taro 的小程序组件库][Mounted - _ Taro]

转载：[https://github.com/NervJS/awesome-taro][https_github.com_NervJS_awesome-taro]

[Awesome]: https://camo.githubusercontent.com/47f8f10b1185bbab3b36f5f219a488a83223eca5/68747470733a2f2f617765736f6d652e72652f62616467652d666c61742e737667
[Awesome 1]: https://awesome.re/
[Taro]: https://github.com/NervJS/taro
[Taro 1]: http://nervjs.github.io/taro
[Taro UI]: https://github.com/NervJS/taro-ui
[Taro UI 1]: https://taro-ui.aotu.io/
[Link 1]: https://developers.weixin.qq.com/miniprogram/dev/
[Link 2]: https://smartprogram.baidu.com/docs/introduction/register/index.html
[Link 3]: https://docs.alipay.com/mini/developer/getting-started
[Link 4]: https://microapp.bytedance.com/
[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 2]: https://juejin.im/post/5ba0a53af265da0ab5037234
[Taro_Decorator]: https://juejin.im/post/5b99da5d5188255c6f1e084e
[Taro_Decorator 1]: https://juejin.im/post/5b97a762e51d450e9649a8fd
[React_Taro]: https://segmentfault.com/a/1190000016247153
[Taro 3]: 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 4]: 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
[Link 5]: https://juejin.im/post/5c788d28e51d4560a82be8d2
[wx.request _ JSON _ _u2028]: https://segmentfault.com/a/1190000015443614
[Taro 5]: https://github.com/js-newbee/taro-best-practices
[taro-redux-sample]: https://github.com/NervJS/taro-redux-sample
[TodoMVC]: https://github.com/NervJS/TodoMVC
[taro-components-sample]: https://github.com/NervJS/taro-components-sample
[taro-apis-sample]: https://github.com/NervJS/taro-apis-sample
[taro-todo]: https://github.com/NervJS/taro-todo
[Taro_ _api_redux]: https://github.com/wsdo/taro-kit.git
[Link 6]: https://github.com/NervJS/taro-zhihu-sample
[Taro_Dva]: https://github.com/zuoge85/taro-dva
[V2ex_TypeScript]: https://github.com/NervJS/taro-v2ex
[Link 7]: https://github.com/NervJS/taro-sample-weapp
[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/tarojs-ts-cli
[Taro-UI _ Rematch _ _ _ tcb-router]: https://github.com/zhixiaoqiang/taroCloud
[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
[Taro 6]: 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
[f2_ _H5]: https://github.com/xioxin/taro-f2
[echarts]: https://github.com/WsmDyj/echarts-for-taro
[taro-plugin-canvas - _Taro]: https://github.com/chuyun/taro-plugin-canvas
[taro-bdmark - _Taro_md]: https://github.com/guozimo/taro-bdMark
[Mounted - _ Taro]: https://github.com/fjc0k/mounted
[https_github.com_NervJS_awesome-taro]: https://github.com/NervJS/awesome-taro