古代管理学之父德鲁克在其经典著作《行之有效的管理者》中对工夫有一段精妙的阐述，其要点如下：

  • 工夫是一项限度因素，任何生产程序的产出量，都会受到最罕见资源的制约，而工夫就是其中最罕见的资源。
  • 工夫也是最非凡的一项资源，资金能够筹集，人力也总能够雇到，只有工夫是咱们租不到、借不到，也买不到，更不能以其余伎俩来取得的。
  • 工夫的供应，丝毫没有弹性，不论工夫的需要有多大，供应绝不可能减少。
  • 工夫昙花一现，根本无法储存，工夫永远是最短缺的。
  • 工夫也齐全没有替代品，咱们能够减少常识，也能够减少人力，但没有任何货色能够代替已失去的工夫。
  • 做任何事件都少不了工夫，工夫是必须具备的一个条件，任何工作都是在工夫中进行的，都须要耗用工夫。

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 推广文章：

：点赞

：浏览
  • 29534526 Vue DevUI 1.0 正式公布
  • 17333991 Vue DevUI：100多位贡献者继续530多天，写了近60000行代码，这个新鲜出炉的 Vue3 组件库你不想尝试下吗？
  • 4210162 20行代码，给你的我的项目减少 DevUI 主题切换能力
  • 251612 摸索开源社区开发模式：vue-devui 组件库 1.0 版本公开测试
  • 10987 请收下这份《Vue DevUI 公开测试参考指南》
  • 11889 DevUI 开源社区 Issue / PR 周报第2期：本周迎来奉献的超级大暴发，共10位贡献者提交26个PR
  • 91028 DevUI 开源社区 Issue / PR 周报第1期
  • 81094 如何在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篇（以前没怎么写过，当初缓缓积攒了一些开源社区经营的教训，所以缓缓地也会给大家进行分享）。

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

  • 726297 前端开发的积木实践——像搭积木一样做前端开发
  • 493934 用积木实践设计一个灵便好用的Carousel走马灯组件
  • 132706 CarouseIndicator 组件利用：0行JS代码实现难看的手风琴式折叠卡片成果
  • 212003 用积木实践设计的Carousel组件都有哪些乏味的玩法？

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

  • 111560 从 CDK Tree 源码学习如何开发一个UI无关的 Tree 组件
  • 28823484 前端Vuer，请收下这份《Vue3中应用JSX扼要语法》
  • 814043 前端Vuer，请给你的我的项目加上 ESLint
  • 191711 DEVUI蓝掘金主题上线啦

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

  • 201314 DevUI 开源教训：从启动开源我的项目到经营开源社区
  • 83083 从0到1开始经营你的开源我的项目——华为云DevUI成长教训分享
  • 281325 经营一个开源社区到底意味着什么？

有三篇发在我集体的掘金账号（因为是刚刚开始经营的集体掘金账号，数据十分惨淡就不贴出来），大家多多反对下我的集体掘金账号呀，后续我也会继续分享一些前端和开源方面的教训。

  • 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同学，给咱们投稿了三篇高质量技术文章，以下是他们的投稿文章：

  • 581381 手把手教你开发一个疾速、高性能、高质量压缩图片的 Vite 插件 - ErKeLost
  • 24911787 Turborepo：公布当月就激增 3.8k Star，这款超神的新兴 Monorepo 计划，你不打算尝试下吗？ - ErKeLost
  • 532655 Ripple：这个广受好评的水波纹组件，你不打算理解下怎么实现的吗？ - ErKeLost
  • 313053 骨架屏优化——细粒度模式的实现 - ivestszheng
  • 473406 手把手教你实现 Tree 组件搜寻过滤性能，干货满满！ - daviForevel

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

  • 252157 Angular依赖注入模式的利用和玩法案例 - rhlin
  • 925695 如何应用 Monaco Editor 做一个在线的网页代码编辑器 - 汤汤Tang
  • 151413 Angular PWA 渐进式 Web 利用 - 汤汤Tang
  • 161156 TypeScript AST (形象语法树) 联合 Angular Schematics 的利用 - 汤汤Tang

4 2023 年瞻望：将工夫积淀到本人的酷爱里

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

  • 经营本人的集体公众号（欢送关注我：Kagol）和掘金账号，分享本人在前端和开源两个方向上的教训，欢送大家关注我
  • 加入一些内外部的分享，锤炼本人的演讲能力，减少集体影响力
  • 尝试写一本掘金小册（羞愧，2021年立的 flag 到当初还没实现）

最初给大家举荐一部十分治愈的纪录片：《人生果实》。

--- END ---

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