2020年，我们在Github有3个开源项目，都是前端组件库生态相关的，分别是：

• Ng DevUI：Angular版本DevUI组件库，一个面向企业中后台产品的开源前端解决方案
• DevUI Icons：DevUI图标库
• DevUI Helper：DevUI代码助手，提供丝滑的代码补全体验。

2021年，我们扩展了DevUI组件库的生态，新增了2个开源项目：

• Ng DevUI Admin：灵活可定制的Admin系统，基于DevUI组件库和设计体系
• Vue DevUI：Vue3版本DevUI组件库，基于Vite+Vue3+TypeScript+JSX技术栈

如果说2020年DevUI这颗开源的种子刚刚破土而出，那么2021年可以说是成长为一颗小幼苗啦，而且越来越深入地扎根在开源社区的土壤中，茁壮地成长着。

芷兰生幽谷，不以无人而不芳。

写作首先是对自己所学、所思、所行的总结，其次才是对读者也有益。

我觉得说的非常有道理！

和2020年相比：

指标项	指标值
等级	Lv3
文章数	39
掘力值	2,793
关注者	1,038
阅读数	97,530

指标项	指标值
文章数	55
等级	Lv4
掘力值	6,975
关注者	2,047
点赞数	3,971
阅读数	300,491

DevUI开源

开源这边，Ng DevUI的Star数也从566增长到1204。

Ng DevUI Admin在鸟语花香的4月发布1.0版本之后，也受到了不小的关注，Star数180。

Vue DevUI是DevUI Design设计语言在Vue3框架上的实现，是纯社区运作的方式孵化的开源项目，之前在Gitee进行演进，Star数494、Contributor数84。

由于DevUI的Contributor们都比较愿意在Github上进行提交，我们还专门发起了一次投票，90%参与投票的田主一致选择Github，因为我们将Vue DevUI迁移到了Github，目前Star数109、Contributor数50。

指标项	Star数	Contributor数	Commit数
Ng DevUI	1204	13	44
Ng DevUI Admin	180	4	10
Vue DevUI	109	50	1702

专栏文章

1 Vue DevUI 已经有10个组件成员啦🥳

主要同步了Vue DevUI的进展，当时Vue DevUI项目有一位强势的贡献者Brenner加入，组件数量很快增长到了10个，所以立即通过这篇文章同步了这一进展，并介绍了Vue DevUI的使用方式。

2 没想到吧！这个可可爱爱的游戏居然是用 ECharts 实现的！

这篇文章主要介绍如何使用ECharts实现一个Flappy Bird小游戏，非常有意思！

3 Quill富文本编辑器的实践

这篇文章的内容来自Kagol在华为 HWEB 大前端技术分享会上的演讲，主要介绍DevUI在富文本编辑器上的实践，主要包含业界开源富文本编辑器的调研、Quill的原理和模块扩展机制。

4 DevUI开源的故事

这是DevUI的开源故事，总结了DevUI从2017年品牌创建，到2019年在Github开源，再到现在的整个历程，如果你也在或打算做开源，我们的开源故事也许会对你有一些启发。

6 【译】让我们来构建一个浏览器引擎吧

这是一个浏览器引擎实现原理的翻译文章，Mozilla团队的大佬Matt Brubeck写的，虽然是用的是Rust语言，但是非常通俗易懂，当时花了一整个周末翻译的，内容非常干，觉得翻译不过瘾的话，强烈推荐阅读原文：Let's build a browser engine!

7 如何解决异步接口请求快慢不均导致的数据错误问题？

这是当时做ProjectMan业务的时候，测试提了一个bug，解决这个bug之后，觉得这是个通用问题，所以写了这篇文章总结了下。

主要分析和解决了以下问题：

浏览器请求后台接口都是异步的，如果先发起请求的接口后返回数据，列表/表格中显示的数据就很可能会是错乱的。

分别阐述了在Angular http/Axios/Fetch发起请求的情况下怎么解决这个问题。

8 如何将龙插入到编辑器中？

主要阐述如何将大帅老师画的那条龙插入到Quill富文本编辑器中，主要使用Quill的Blot内容扩展机制，并介绍了Blot扩展自定义内容的通用步骤。

9 点线面学Vue3——先跑起来再说！

这是当时做Vue DevUI开源项目时学习Vue3的一些感悟，在学习Vue3的过程中，也探索出了一套学习新技术的点线面学习法，通过由点及线、由线及面的思路，逐步扩展自己对新技术的理解，最终形成一张完整的知识网络。

10 号外号外！DevUI Admin V1.0 发布啦！

这是之前介绍过的Ng DevUI Admin 1.0发版的推广文章，Ng DevUI Admin是来自社区的诉求，沉淀了一年时间，与2021年4月，一个鸟语花香的季节进行开源，收到了不少好评。我们一直又在不断打磨DevUI Admin，8月份我们发布了2.0版本，拆分了区块、并将Angular Schematics的黑科技集成到Admin中，大大增加了开发者体验，一行命令就能增加页面和区块。

不信请看我们的B站视频：DevUI Admin 2.0 重磅发布！🥳

2022年我们依然会持续完善Admin，提前预告：会有一个大招！

另外Vue DevUI Admin也会在2022年进行孵化，依然是最新的Vite+Vue3+TypeScript+JSX的技术栈，到时候欢迎大家一起参与进来呀！

蹲不到Vue DevUI的田，我们还有Admin的呀！

最后给大家安利下我们的年度总结：

和组件库从0到1的专栏：

大家圣诞快乐！咱们2022年，开源社区见！