Kagol：2022年最值得推薦的前端開源文章

Kagol發表於2022-12-23
Go前端

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

相關文章