「回顾2022，展望2023，我正在参与2022年终总结征文大赛活动」

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

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

1 如何将时间沉淀下来

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

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

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

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

代码检视.png

图1：代码检视

图2：开源社区会议

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

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

2.1 过程

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

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

图3：Commits

图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个点赞

图5：Star trends

图6：GitHub card

图7：掘金数据

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

图8：Contributions

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

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

2.3 社区 > 代码

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

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

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

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

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

图10：Contributors

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

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

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

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

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

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

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

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

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

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

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

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

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

另外也要感谢我们团队成员的大力支持，特别是汤汤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 到现在还没实现）

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

人生果实.png

--- END ---

欢迎加入 OpenTiny 开源社区。

添加微信小助手：opentiny-official，一起参与共建！

OpenTiny 官网：opentiny.design/

Vue组件库：opentiny.design/tiny-vue

Angular组件库：opentiny.design/tiny-ng

OpenTiny 代码仓库：github.com/opentiny/ （欢迎 Star ⭐）

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