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

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

作者:一只图雀

仓库:Github

图雀社区主站(首发):图雀社区

博客:掘金知乎慕课

公众号:图雀社区

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

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

源起

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

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

image.png

题图引用自 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 多端小程序开发实战

编组.png


一图胜千言 :)

读者的支持

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

编组 3.png

小小的鼓励

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


加星的代码仓库

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

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

image.png

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

当然如果读到这里的你忍不住冲动想点 Star 的话,图雀酱也是非常欢迎的哦 (づ ̄3 ̄)づ╭❤~

会总结的运气都不会太差

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

大纲

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

字数总览

文字数据

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

图示

image.png

图雀酱的话

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

阅读数总览

文字数据

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

图示


图雀酱的话

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

点赞总览

文字数据

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

图示

image.png

图雀酱的话

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

评论总览

文字数据

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

图示


图雀酱的话

道路千万条,(友善)评论第一条,虽然这个图画出来草稿了点,且因为第八篇评论为 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#
图雀社区反馈邮箱:feedback@mail.tuture.co
图雀社区微信公众号,可以关注并加图雀社区客服 图雀酱哦:

微信公众号(真).png

参考资料

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


图雀社区
我们图雀社区是一个供大家分享用 Tuture 写作工具撰写教程的一个平台。在这里,读者们可以尽情享受高质...

我们图雀社区是一个供大家分享用 Tuture 写作工具撰写教程的一个平台。在这里,读者们可以尽情享受高质...

863 声望
1.2k 粉丝
0 条评论
推荐阅读
Taro 小程序开发大型实战(九):使用 Authing 打造具有微信登录的企业级用户系统
如果您觉得我们写得还不错,记得 点赞 + 关注 + 评论 三连,鼓励我们写出更好的教程💪 欢迎继续阅读《Taro 小程序开发大型实战》系列,前情回顾: 熟悉的 React,熟悉的 Hooks:我们用 React 和 Hooks 实现了一个...

一只图雀1阅读 3.6k

使用taro+canvas实现微信小程序的图片分享功能 | 京东云技术团队
二轮充电业务中,用户充电完成后在订单详情页展示订单相关信息,用户点击分享按钮唤起微信小程序分享菜单,将生成的图片海报分享给微信好友或者下载到本地,好友可通过扫描海报中的二维码加群领取优惠。

京东云开发者2阅读 447

封面图
小程序内参数和扫码参数统一
写小程序的时候都会遇到扫码参数和小程序内跳转参数要分开处理的问题,但实际上参数和处理的方式都是一样的,这里封装一种方法,将扫码参数直接放到options下面,这样就不需要分开独立处理,减少冗余代码增加代码...

海洋饼干1阅读 851

微信小程序归结
是的,在这个框架满天飞的年代,我既然有有幸使用了原生小程序开发项目,除了麻烦些,倒也不是一无所获,耕耘总有收货嘛,写博客本身不是为了炫技还是什么,单纯的是记性不好,有些知识点 自己是花了时间去查找的...

HappyCodingTop1阅读 1.3k

封面图
5 分钟带你小程序入门 [实战总结分享]
微信小程序常常用 4 种文件类型JS 文件JS 在小程序中用于编写页面逻辑和交互效果,可调用 API 接口完成数据请求和处理,也可以使用第三方库和框架。模块化编程:小程序中JS文件可以使用ES6的模块化语法,通过expo...

程序员海军2阅读 485

封面图
基于微信云开发 SayLove 表白墙微信小程序V1.0
后续会继续更新,敬请期待2.0全新版本~欢迎添加右边的微信一起探讨!项目地址:[链接][其他开源项目]租房小程序 [链接]计划助手 [链接]Bug修复更新日历[2021-05-12] 更新说明:【 课设毕设参考专用版本 】针对 昵...

LiangSenCheng阅读 2.1k

基于微信小程序云开发-租房微信小程序-带管理员后台
本项目使用 LGPL-3.0协议,请勿商用、请勿售卖、请勿售卖、请勿售卖,仅适用于学习交流,并且不提供无偿的、 不提供无偿的、 不提供无偿的 维护修改服务(但可提issue)。若直接将本项目用于商用,因本项目带来的...

LiangSenCheng阅读 1.8k评论 1

我们图雀社区是一个供大家分享用 Tuture 写作工具撰写教程的一个平台。在这里,读者们可以尽情享受高质...

863 声望
1.2k 粉丝
宣传栏