（4.5w字🔥建议收藏）“可能是” 2020最值得看的小程序系列实战教程

作者：一只图雀

仓库：Github

图雀社区主站（首发）：图雀社区

博客：掘金、知乎、慕课

公众号：图雀社区

联系我：关注公众号后可以加图雀酱微信哦

原创不易，❤️点赞+评论+收藏 ❤️三连，鼓励作者写出更好的教程。

源起

2017 年 1 月 9 日凌晨，张小龙一身牛仔裤黑衬衫，对着聚光灯，在万众瞩目的场合下发布了 “微信小程序”，自那时起，小程序就开启了群雄割据的乱战局面，并且其流行程度也愈发高涨，我们生活中无时不刻的被小程序接管者，京东购物、滴滴打车、摩拜单车等；然而，正因为小程序如此方便：“无需安装，触手可及，用完即走” 的特性，大大降低了用户的接受门槛，让巨头们从移动互联网消逝的红利愁苦中幡然醒悟，“所有的生意都值得用小程序再做一遍”，于是阿里、字节跳动、百度等巨头纷纷加入到小程序的竞争中来，在自家的巨型 App 里构建小程序的梦。

也正因为如此，使得开发者需要疲于应对多个小程序端的多份代码，于是小程序框架就开始井喷式的涌现，到 2020 年，小程序开发生态百花齐放，我们可以通过 2020 年的 GMTC 上关于小程序技术的 PPT 进行一览：

题图引用自 2020 年 GMTC 大前端会议的 PPT

而 Taro 因其开放的理念，坚持在 1）多端适配 2）开发体验 3）社区共建 等上下苦功夫，使得 Taro 得到了社区的广泛认可，截止 2020 年 3 月 8 日，在 Github 上已有 24.2K 颗 Stars 以及 271 名贡献者，且在最新发布的 Taro Next 版本，在原有的对 React 支持上，新增了对 Vue，Nerve 的支持，未来还可能会支持 Flutter，Angular 这样的框架和技术，这就意味着我们可以使用自己熟悉的技术写小程序，还能获得跨端的体验。

努力与收获

文章本身

为了响应 Taro 的 “社区共建” 理念，我们图雀社区（加速技术的传播）以社区技术布道者的视角希望为加速 Taro 的传播贡献一份力量，于是从 2019 年 12 月 26 日，开始了 Taro 小程序开发大型实战系列教程的规划，并发布了第一篇教程《Taro 小程序开发大型实战（一）：熟悉的 React，熟悉的 Hooks》，到 2020 年 2 月 21 日，正式发布系列最后一篇，也是整个系列的第八篇 《Taro 小程序开发大型实战（八）：尝鲜 LeanCloud Serverless 云服务》，历时 55 天，一共产出了 4.5 万字，获得点赞 231 个，阅读 11665 次，评论 55 条。

意外之喜

期间 《Taro 小程序开发大型实战系列》还荣获好几项荣誉：

1. 系列文章八篇全部被 Taro社区官方微信公众号转载，我们放个第一篇和第八篇：第一篇，第八篇。
2. 系列文章第六、第七篇被腾讯云云开发官方微信公众号转载，目前发了第六篇：如何在 Redux Saga 中使用云开发
3. 系列文章第八篇被 LeanCloud 通讯官方微信公众号转载：Taro 多端小程序开发实战

一图胜千言 ：）

读者的支持

自 Taro 小程序教程发布之后，也收获了很多来自读者的好评和感谢：

小小的鼓励

LeanCloud 官方的运营小姐姐很热心，在知道我们使用 LeanCloud 技术来做小程序开发之后，不仅联系我们转载了文字，还给我们图雀社区送了一份 LeanCloud 周边：

加星的代码仓库

因为图雀社区所有的实战技术教程都是使用图雀社区自研的开源写作工具：Tuture 写作而成，且都是基于一个项目进行写作的，所以 Taro 小程序教程系列背后的源码也是经过验证的且可以直接运行的，这也鼓励了很多读者去下载源码，自己跑服务，也因此给仓库点了 Star，在这里感谢你们的鼓励：

仓库地址：https://github.com/tuture-dev/ultra-club

图雀酱悄咪咪告诉你，代码仓库有完整的 README 哦！可以帮助你快速把项目跑起来，所以无论是对源码有需求的同学还是希望结合代码看教程的同学，我们都可以满足你啦😋

当然如果读到这里的你忍不住冲动想点 Star 的话，图雀酱也是非常欢迎的哦 （づ￣3￣）づ╭❤～

会总结的运气都不会太差

为了帮助掘友们更好的学习小程序开发，整理是一种很好的方式，经过掘友的反馈和建议，图雀社区决定将之前发的文章做一个总结，方便查漏补缺和系统学习，下面会列一个大纲，然后给出对应的摘要，接着给出对应的可视化图数据，展示此文章收获的：阅读、点赞、评论，以及对于的字数，帮助掘友建立一个体系化的同时，还能很方便的了解每篇文章的一个概要和数据详情。

大纲

我们将在下面放上每篇文章的封面、链接和摘要，供读者欣赏：

• 第一篇：《Taro 小程序开发大型实战（一）：熟悉的 React，熟悉的 Hooks》我们用 React 和 Hooks 实现了一个非常简单的添加帖子的原型。

• 第二篇：《Taro 小程序开发大型实战（二）：多页面跳转和 Taro UI 组件库》我们用 Taro 自带的路由功能实现了多页面跳转，并用 Taro UI 组件库升级了应用界面。

• 第三篇：《Taro 小程序开发大型实战（三）：实现微信和支付宝多端登录》：我们实现了微信、支付宝以及普通登录和退出登录。

• 第四篇：《 Taro 小程序开发大型实战（四）：使用 Hooks 版的 Redux 实现应用状态管理（上篇）》：我们使用 Hooks 版的 Redux 实现了 user 逻辑的状态管理重构。

• 第五篇：《Taro 小程序开发大型实战（五）：使用 Hooks 版的 Redux 实现应用状态管理（下篇）》：我们使用 Hooks 版的 Redux 实现了 post 逻辑的状态管理重构。

• 第六篇：《Taro 小程序开发大型实战（六）：尝鲜微信小程序云（上篇）》：我们将 user 逻辑接入微信小程序云。

• 第七篇：《Taro 小程序开发大型实战（七）：尝鲜微信小程序云（下篇）》：我们将 post 逻辑接入微信小程序云。

• 第八篇：《Taro 小程序开发大型实战（八）：尝鲜 LeanCloud Serverless 云服务》：我们将支付宝的 user 和 post 逻辑接入 LeanCloud Serverless 云服务。

字数总览

文字数据

其中一共写作字数：4.5万字，在各篇分布如下：

• 《Taro 小程序开发大型实战（一）：熟悉的 React，熟悉的 Hooks》：3543字
• 《Taro 小程序开发大型实战（二）：多页面跳转和 Taro UI 组件库》：3199字
• 《Taro 小程序开发大型实战（三）：实现微信和支付宝多端登录》：3820字
• 《 Taro 小程序开发大型实战（四）：使用 Hooks 版的 Redux 实现应用状态管理（上篇）》：4554字
• 《Taro 小程序开发大型实战（五）：使用 Hooks 版的 Redux 实现应用状态管理（下篇）》：5670字
• 《Taro 小程序开发大型实战（六）：尝鲜微信小程序云（上篇）》：9737字
• 《Taro 小程序开发大型实战（七）：尝鲜微信小程序云（下篇）》：9521字
• 《Taro 小程序开发大型实战（八）：尝鲜 LeanCloud Serverless 云服务》：5499字

图示

图雀酱的话

大家看那个柱状图，是不是有点像 ”🤟“ 的手势呢，我们写得文章都是爱你的模样❤️。

阅读数总览

文字数据

其中一共收获阅读数：11665次，在各篇分布如下：

• 《Taro 小程序开发大型实战（一）：熟悉的 React，熟悉的 Hooks》：2782次阅读
• 《Taro 小程序开发大型实战（二）：多页面跳转和 Taro UI 组件库》：3134次阅读
• 《Taro 小程序开发大型实战（三）：实现微信和支付宝多端登录》：2067次阅读
• 《 Taro 小程序开发大型实战（四）：使用 Hooks 版的 Redux 实现应用状态管理（上篇）》：431次阅读
• 《Taro 小程序开发大型实战（五）：使用 Hooks 版的 Redux 实现应用状态管理（下篇）》：436次阅读
• 《Taro 小程序开发大型实战（六）：尝鲜微信小程序云（上篇）》：1466次阅读
• 《Taro 小程序开发大型实战（七）：尝鲜微信小程序云（下篇）》：1032次阅读
• 《Taro 小程序开发大型实战（八）：尝鲜 LeanCloud Serverless 云服务》：312次阅读

图示

图雀酱的话

怎么系列文章，越往后阅读量越低呢？o(╥﹏╥)o 有没有大佬能捞我一下呀😭

点赞总览

文字数据

其中一共收获点赞：231赞，在各篇分布如下：

• 《Taro 小程序开发大型实战（一）：熟悉的 React，熟悉的 Hooks》：53赞
• 《Taro 小程序开发大型实战（二）：多页面跳转和 Taro UI 组件库》：45赞
• 《Taro 小程序开发大型实战（三）：实现微信和支付宝多端登录》：44赞
• 《 Taro 小程序开发大型实战（四）：使用 Hooks 版的 Redux 实现应用状态管理（上篇）》：17赞
• 《Taro 小程序开发大型实战（五）：使用 Hooks 版的 Redux 实现应用状态管理（下篇）》：15赞
• 《Taro 小程序开发大型实战（六）：尝鲜微信小程序云（上篇）》：24赞
• 《Taro 小程序开发大型实战（七）：尝鲜微信小程序云（下篇）》：23赞
• 《Taro 小程序开发大型实战（八）：尝鲜 LeanCloud Serverless 云服务》：10赞

图示

图雀酱的话

辛苦付出的系列文章，大家给的赞👍有点低啊，能不能让我看到你们的欢呼ヾ(@^▽^@)ノ

评论总览

文字数据

其中一共收获评论：55条，在各篇分布如下：

• 《Taro 小程序开发大型实战（一）：熟悉的 React，熟悉的 Hooks》：10条
• 《Taro 小程序开发大型实战（二）：多页面跳转和 Taro UI 组件库》：4条
• 《Taro 小程序开发大型实战（三）：实现微信和支付宝多端登录》：19条
• 《 Taro 小程序开发大型实战（四）：使用 Hooks 版的 Redux 实现应用状态管理（上篇）》：6条
• 《Taro 小程序开发大型实战（五）：使用 Hooks 版的 Redux 实现应用状态管理（下篇）》：15条
• 《Taro 小程序开发大型实战（六）：尝鲜微信小程序云（上篇）》：24条
• 《Taro 小程序开发大型实战（七）：尝鲜微信小程序云（下篇）》：11条
• 《Taro 小程序开发大型实战（八）：尝鲜 LeanCloud Serverless 云服务》：0条

图示

图雀酱的话

道路千万条，（友善）评论第一条，虽然这个图画出来草稿了点，且因为第八篇评论为 0，导致画图的时候都卡死了，大家能不能给个力，把第八篇的鸭蛋给我击破了💪╭(╯^╰)╮💪

总结和展望

关于小程序商业

小程序的群雄割据战争才刚刚开始，现有的小程序玩家们之前的明争暗战会愈演愈烈，新的玩家又会加入这个战场，听说京东小程序也在路上，在 2020 年伊始，又会有多少小程序玩家加入呢？让我们拭目以待。

关于小程序技术

技术的发展与革新永远是动态变化的，Taro Next 提出来的理念也许是一个在很长时间内都不会过时的方向，未来可能还会有很多新的小程序技术冒出来，无论是老牌的 uniapp，还是新贵 Remax，亦或是正当年的 Taro，技术的本质是不会变的，那就是 ”提效“，给开发者减负，帮助开发者更高效率的开发跨端小程序。

关于图雀社区

Github CEO 曾说过：”开源已经胜利“。是的，世界各地的大大小小的厂商、个人、团体都在进行着开源活动，使用者开源产品；开源技术发展日新月异，然而与技术相匹配的文档/教程的发展却不那么乐观，永远是 ”铁打的技术，流水的文档/教程“。

很多技术会发展很多年，技术的根基不会变化，但是文档/教程的更新速度远远比不上技术的迭代速度，所以产生了技术出来，没有好的文档和教程，很多人就学不懂，不知道如何操作，导致技术传播的很慢。

而图雀社区带着 ”加速技术的传播“ 的使命，以能快速写作技术实战教程的 Tuture 开源写作工具作为载体，于 2019 年年底被发起，如今已经在掘金、知乎、慕课等平台小有名气，短短2-3个月，使用图雀社区自主研发的 Tuture 写作工具就已经写作了近 30 篇高质量技术实战教程，其中对于 React/Vue 更是各有长达 8 篇的系列教程，教程一经发布就广受欢迎，目前参与的人数也有 6 人，并且 Tuture 写作工具最近发布了 3.0.0，正在内测阶段，能够大大减轻写作技术实战教程的繁琐细节。我们在这里发起呼吁，希望能有更多的热爱分享和传播开源技术的人加入进来，一起改进 Tuture 写作工具，一起快速为开源技术产出教程，让我们一起为 ”予力内容创作，加速技术的传播， 构建一个更加美好的世界“ 的愿景而奋斗！

如果你也想参与这场开源技术内容创作运动，可以通过以下渠道联系和加入我们：

图雀社区主站：http://tuture.co/

Gitter聊天室：https://gitter.im/tuture-dev/tuture#
图雀社区反馈邮箱：[e-mail]
图雀社区微信公众号，可以关注并加图雀社区客服 图雀酱哦：

参考资料

Taro GMTC大会的微信推文：https://mp.weixin.qq.com/s/5pdUD9YNojgvZBSve5-2EA
草稿式图表绘制：https://github.com/jwilber/roughViz#Scatter
Taro Next 发布预览吧：https://mp.weixin.qq.com/s/XDj1xs8IPok7irb94vrHXg