Kagol：2022年最值得推荐的前端开源文章 - Kagol
source link: https://www.cnblogs.com/kagol/p/17001852.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
大家好，我是 Kagol，Vue DevUI 作者，从2020年开始一直专注于前端开源组件库的建设，在前端开源组件库、开源社区运营方面积累了一些经验，2020年主要的创作也是围绕前端组件库和开源两个主题展开。
我的组件设计积木理论
我觉得界面开发就像搭积木一样有趣，开发之前先把界面拆分成分层的多个模块，然后自顶向下用一个个积木进行拼接，其中最关键的就是组件的设计。
因此我将自己的组件设计观沉淀成了四篇小文，以 Carousel 走马灯组件为例进行深入浅出的阐述。
第一篇是总纲，介绍理论
第二篇是基于理论的实现
第三篇是延伸，解释为什么要设计子组件
第四篇以应用收尾，通过丰富的使用场景描述积木理论的强大
四篇文章层层递进，深入浅出，虽然短小，但是五脏俱全，自成闭环。
开源组件库的沉淀
Vue DevUI 开源组件库组件的设计基本遵循积木理论，这个组件库是100多位社区开发者一起齐心协力完成的，前期肯定会有一些不统一的地方，不过经过持续的磨合和沟通，目前已经基本保持了一致的风格。
这期间也沉淀了不少 Vue3、Vite、TypeScript、JSX、ESLint 等方面的经验。
点赞最多（👍289点赞）的是以下这篇 Vue3 中使用 JSX 指南：
还有一篇是 ESLint 相关的：
以上两篇都是从 Vue DevUI 组件库的开源实践中沉淀下来的。
还有一篇是当时田主大会分享整理的文字版本：
还有几篇分析组件设计和实现原理的，是我们田主们的投稿。
有一篇分析 Tree 组件搜索功能实现原理的，是 daviForevel 同学的投稿：
分析细粒度骨架屏组件设计原理的，是 ivestszheng 同学的投稿：
详解 Ripple 水波纹组件实现原理的，是 ErKeLost 同学的投稿：
还有一些是搭建组件库的实践文章，也是我们的田主写的：
还有一些零散的总结：
不得不说，开源是一个巨大的宝库，如果你能好好利用，他能大大扩展你的技术视野，掌握你在平时开发业务时很难有机会掌握的技能，这些技能可以让你从另一个高度开发业务开发。
而且开源和公司开发最大的不同在于：开源是完全自由的，你可以随意根据自己的兴趣爱好选择要学习的项目和技术，并且有一帮志同道合的朋友和你一起成长，参与开源的经历会成为你编程人生很值得回忆的一段时光。
至少对我是如此。
一个开源社区运营小白的开源经验总结
2022年的年中总结我没有像以往那样仅仅罗列一堆花里胡哨的数据，而是花了很大篇幅总结我自己从一个开源小白，到慢慢感受到开源的魅力，我的所思所想。
主要阐述我对开源动机、开源贡献、开源协作等的理解。
另外我还首次系统性地总结了我对于从0到1运营一个开源项目的理解，本来这篇文章要投稿到开源中国主办的《开源观止》10月刊的，结果《开源观止》从6月份到9月份发了4月份就停刊啦，很遗憾没有发布出来。
不过很幸运的是，我在做开源项目中总结的经验，有机会在中国开源年会成都分会场现场给大家进行分享，分享完 Raye 整理了一份文字稿。
除了开源社区运营经验的分享，还写了好多版本推广文章。
Vue DevUI 的有3篇：
Ng DevUI 的有3篇：
React DevUI 的有2篇：
以及一些组件库周边的文章，比如：
最后推荐下我自己的2022年开源总结，写了两个周末才写完的，请大家帮忙点个赞，谢谢！
把时间沉淀到自己的热爱里 | Kagol 的 2022 开源年终总结
另外，我正在参加掘金年度人气作者打榜活动，欢迎大家来捧场支持🤝争取进个前50💪
https://rank.juejin.cn/rank/2022/writer/1504599026445150
--- END ---
我是 Kagol，如果你喜欢我的文章，可以给我点个赞，关注我的掘金账号和公众号 Kagol，一起交流前端技术、一起做开源！
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK