您的位置:  首页 > 技术杂谈 > 正文

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

2022-12-24 12:00 https://my.oschina.net/u/4863191/blog/5618293 Kagol 次阅读 条评论

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

展开阅读全文
  • 0
    感动
  • 0
    路过
  • 0
    高兴
  • 0
    难过
  • 0
    搞笑
  • 0
    无聊
  • 0
    愤怒
  • 0
    同情
热度排行
友情链接