把时间沉淀到自己的热爱里 | Kagol 的 2022 年终总结

现代管理学之父德鲁克在其经典著作《卓有成效的管理者》中对时间有一段精妙的论述，其要点如下：

• 时间是一项限制因素，任何生产程序的产出量，都会受到最稀有资源的制约，而时间就是其中最稀有的资源。
• 时间也是最特殊的一项资源，资金可以筹集，人力也总可以雇到，只有时间是我们租不到、借不到，也买不到，更不能以其他手段来获得的。
• 时间的供给，丝毫没有弹性，不管时间的需求有多大，供给绝不可能增加。
• 时间稍纵即逝，根本无法贮存，时间永远是最短缺的。
• 时间也完全没有替代品，我们可以增加知识，也可以增加人力，但没有任何东西可以替代已失去的时间。
• 做任何事情都少不了时间，时间是必须具备的一个条件，任何工作都是在时间中进行的，都需要耗用时间。

1 如何将时间沉淀下来

虽然时间是无形的，看不见、摸不着，也无法贮存，但却可以通过有形的东西沉淀下来。

• 当你花时间写完一篇文章，时间就沉淀到文字中
• 当你录制了一个有趣的视频，时间就沉淀到视频里
• 当你花了一整天的时间整理房间，时间就沉淀到你每天的起居环境里
• 当你去健身房撸铁，时间就沉淀到每一块结实的肌肉里
• 当你种了一盆花，时间就沉淀到绽放的每一朵鲜花中

如果你创建了一个开源项目，时间就：

• 沉淀到你写的每一行代码里
• 沉淀到你为项目编写的每一篇文档里
• 沉淀到你提交或解决的每条 Issue / PR 里
• 沉淀到你的每一次代码检视意见和讨论里（图1）
• 沉淀到你组织的每一次会议中（图2）
• 沉淀到你与社区成员的每一次互动中

图1：代码检视

<img src="https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f314b5161f374fac80810f3c9a68b200~tplv-k3u1fbpfcp-watermark.image?" width="500" />

图2：开源社区会议

2 开源：将时间沉淀到代码里

2022年大部分时间都投入到了 Vue DevUI 开源项目的建设中，并于今年9月1日发布了1.0版本。

2.1 过程

从过程上来看，我个人的贡献主要如下：

• 贡献5000多行代码（除去 pnpm-lock.yaml 等无效代码提交）
• 提交200多个PR
• 报告90多个Issue
• 提出200多条代码检视意见
• 发布40多个版本
• 撰写8篇推广文章
• 组织10多场线上沟通会
• 参加1场线下开源会议分享

<img src="https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c1549b9e62564ba3a77bbd0023e51f29~tplv-k3u1fbpfcp-watermark.image?" width="500"/>

图3：Commits

<img src="https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/df80bd8c740c4eab8177563735142903~tplv-k3u1fbpfcp-watermark.image?" width="600" />

图4：PR

Vue DevUI 推广文章：

👍：点赞

🔖：阅读

• 295👍34526🔖 Vue DevUI 1.0 正式发布
• 173👍33991🔖 Vue DevUI：100多位贡献者持续530多天，写了近60000行代码，这个新鲜出炉的 Vue3 组件库你不想尝试下吗？
• 42👍10162🔖 20行代码，给你的项目增加 DevUI 主题切换能力
• 25👍1612🔖 探索开源社区开发模式：vue-devui 组件库 1.0 版本公开测试
• 10👍987🔖 请收下这份《Vue DevUI 公开测试参考指南》
• 11👍889🔖 DevUI 开源社区 Issue / PR 周报第2期：本周迎来贡献的超级大爆发，共10位贡献者提交26个PR
• 9👍1028🔖 DevUI 开源社区 Issue / PR 周报第1期
• 8👍1094🔖 如何在1分钟之内创建一个符合规范的DevUI组件

2.2 成果

从结果上来看，通过积极的社区运营：

• 增加35位贡献者
• 增加476颗Star
• 增加1057个PR
• 增加223个Issue
• 微信社群增加150多名成员
• 掘金增加800多关注者
• 掘金增加近30万阅读
• 掘金增加2465个点赞

<img src="https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8d27db987f45490983c9e8ddd2e1b280~tplv-k3u1fbpfcp-watermark.image?" width="600" />

图5：Star trends

<img src="https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8e64733f9fea40ac84123abacb459e05~tplv-k3u1fbpfcp-watermark.image?" width="600" />

图6：GitHub card

<img src="https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0fc12aa5f23f43b9bedc007ab45860ca~tplv-k3u1fbpfcp-watermark.image?" width="600" />

图7：掘金数据

以下是我个人2022年的 GitHub 贡献图：

图8：Contributions

以下是我在中国开源年会现场的分享：

<img src="https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/32c3d6b41c6c434dac940cc744d0b3ee~tplv-k3u1fbpfcp-zoom-in-crop-mark:4536:0:0:0.awebp?" width="800" />

图9：Kagol 在中国开源年会现场的分享

2.3 社区 > 代码

Vue DevUI 取得的小小成绩主要依赖于社区的朋友们，我只是起到一个将大家团结在一起的角色，通过 Vue DevUI 这个开源项目，我认识了很多社区的优秀开发者，并跟他们建立了很好的关系。

我觉得这应该就是开源社区应有的样子：

一群来自全国各地（甚至全球各地）的开发者，因为有着同样的兴趣和志向聚集在一起，一起开发一个有价值的开源项目，大家真诚地相互交流、分享和协作，一起集思广益解决问题，一起享受成功的喜悦，也一起分担失败的痛苦。

以前我觉得自己做的开源项目一定要有很多 Star，要有很多下载量，这样才有意义、才有价值，现在我觉得做开源本身就是意义，通过做开源项目收获的友谊、获得的成长，这本身就是价值。

旅行并不是达到目的地才是旅行，从你出门的那一刻起，风景就已经出现！

<img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a0d6d826c98d421a9a5c48e7b7c905dd~tplv-k3u1fbpfcp-watermark.image?" width="800" />

图10：Contributors

3 写作：将时间沉淀到文字中

除了做开源项目可以将时间沉淀下来，写文章也可以。

写技术文章是一个很好的自我总结和自我展示的方式，我很喜欢写作，当初有机会负责开源运营，可能也是领导看我写作能力还可以，当时在自己的个人公众号（Kagol）上发布了几篇解析 Quill 原理的文章。

今年写的技术文章比较少，技术文章写了10篇，推广文章写了10多篇，开源运营的文章也写了3篇（以前没怎么写过，现在慢慢积累了一些开源社区运营的经验，所以慢慢地也会给大家进行分享）。

技术文章主要写了一个迷你的组件设计系列，给大家分享了我自己的组件设计观：

• 72👍6297🔖 前端开发的积木理论——像搭积木一样做前端开发
• 49👍3934🔖 用积木理论设计一个灵活好用的Carousel走马灯组件
• 13👍2706🔖 CarouseIndicator 组件应用：0行JS代码实现好看的手风琴式折叠卡片效果
• 21👍2003🔖 用积木理论设计的Carousel组件都有哪些有趣的玩法？

另外也写了几篇零散的文章：

• 11👍1560🔖 从 CDK Tree 源码学习如何开发一个UI无关的 Tree 组件
• 288👍23484🔖 前端Vuer，请收下这份《Vue3中使用JSX简明语法》
• 81👍4043🔖 前端Vuer，请给你的项目加上 ESLint
• 19👍1711🔖 DEVUI蓝掘金主题上线啦🎉

还有三篇分享我对开源运营的一些思考：

• 20👍1314🔖 DevUI 开源经验：从启动开源项目到运营开源社区
• 8👍3083🔖 从0到1开始运营你的开源项目——华为云DevUI成长经验分享
• 28👍1325🔖 运营一个开源社区究竟意味着什么？

有三篇发在我个人的掘金账号（因为是刚刚开始运营的个人掘金账号，数据非常惨淡就不贴出来），大家多多支持下我的个人掘金账号呀，后续我也会持续分享一些前端和开源方面的经验。

• React DevUI 18.0 正式发布🎉
• 好慌，我代码没了！不会是变基变出问题了吧？
• 老板：你为什么要选择 Vue？

写作方面今年做得不够，明年加油吧！

<img src="https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/adcbb295b05d491caaed97c9036be8a7~tplv-k3u1fbpfcp-zoom-in-crop-mark:4536:0:0:0.awebp?" width="400" />

除了我自己写的文章，DevUI团队账号中有不少是社区朋友们的投稿，非常感谢朋友们对DevUI和我的大力支持，尤其是ErKeLost同学，给我们投稿了三篇高质量技术文章，以下是他们的投稿文章：

• 58👍1381🔖 手把手教你开发一个快速、高性能、高质量压缩图片的 Vite 插件 - ErKeLost
• 249👍11787🔖 🚀Turborepo：发布当月就激增 3.8k Star，这款超神的新兴 Monorepo 方案，你不打算尝试下吗？ - ErKeLost
• 53👍2655🔖 Ripple：这个广受好评的水波纹组件，你不打算了解下怎么实现的吗？ - ErKeLost
• 31👍3053🔖 骨架屏优化——细粒度模式的实现 - ivestszheng
• 47👍3406🔖 手把手教你实现 Tree 组件搜索过滤功能，干货满满！ - daviForevel

另外也要感谢我们团队成员的大力支持，特别是汤汤Tang和rhlin同学，以下是他们的投稿文章：

• 25👍2157🔖 Angular依赖注入模式的应用和玩法案例 - rhlin
• 92👍5695🔖 如何使用 Monaco Editor 做一个在线的网页代码编辑器 - 汤汤Tang
• 15👍1413🔖 Angular PWA 渐进式 Web 应用 - 汤汤Tang
• 16👍1156🔖 TypeScript AST (抽象语法树) 结合 Angular Schematics 的应用 - 汤汤Tang

4 2023 年展望：将时间沉淀到自己的热爱里

2023年我依然会将主要精力投入开源和写作，另外也会尝试：

• 运营自己的个人公众号（欢迎关注我：Kagol）和掘金账号，分享自己在前端和开源两个方向上的经验，欢迎大家关注我
• 参加一些内外部的分享，锻炼自己的演讲能力，增加个人影响力
• 尝试写一本掘金小册（惭愧，2021年立的 flag 到现在还没实现）

最后给大家推荐一部非常治愈的纪录片：《人生果实》。

--- END ---

我是 Kagol，如果你喜欢我的文章，可以给我点个赞，关注我的公众号 Kagol，一起交流前端技术、一起做开源！