热门搜索:
您现在的位置是：首页 > 文章详情

Kagol：2022年最值得推荐的前端开源文章

日期：2022-12-23点击：338

大家好，我是 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，一起交流前端技术、一起做开源！

原文链接：https://my.oschina.net/u/4863191/blog/5618293
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有，本站原创内容转载请注明来源。

相关文章

    文章评论

    共有0条评论来说两句吧...

    文章二维码

    扫描即可查看该文章

    点击排行

    推荐阅读

    最新文章