对DevUI组件库王哥的专访

今天小助手有幸采访到了DevUI组件库的王哥，了解到了 DevUI 组件库的一些“内幕消息”，她的前世今生，以及未来的一些规划。

在过去的一年里，DevUI 在社区一直都是一个秘密，因为没有人真正认真地介绍过她。

提到 DevUI，

有些社区的朋友只知道是华为的一个UI组件库；

有些朋友虽然隐约听过 DevUI，但不知道她的全名，而叫做“Dev”；

还有些朋友因为不了解 DevUI，认为她只是 Ant Design 的复制品。

这是多么大的误解啊。

为了让社区的朋友更多地了解 DevUI，小助手特意采访了王哥，将采访得到的第一手的消息，第一时间分享给各位读者朋友们。

以下是采访的正文。

---

🎙️小助手

王哥您好！

👨王哥

你好！

🎙️小助手

感谢您百忙之中抽出宝贵的时间来接受我的采访。最近一年经常在掘金、知乎、思否等国内技术社区看到 DevUI 的身影（最近甚至在国外的DEV社区也看到 DevUI 在活跃），小助手我呢，也有幸参加了掘金去年在哔哩哔哩的年度创作者打榜直播，DevUI 团队可是获得了团队第5名的好成绩呢，恭喜恭喜🎉。

👨王哥

谢谢你对 DevUI 的关注，小小成绩，无足挂齿。

🎙️小助手

虽然 DevUI 去年才刚开始开源，不过听说 DevUI 创立的时间远远不止一年，并且华为云内部已经有众多商业项目都在使用 DevUI，您能给我们简单介绍下 DevUI 的历史吗？

👨王哥

这说来可就话长了，早在 2017 年年初的时候，DevUI 组件库就已经开始搭建，当时 Angular 2 正式版本也才刚发布3个多月。那时 DevUI 也还不叫 DevUI 呢，叫 AvenueUI，也只有两三个人在边做业务边兼职开发。当时虽然人少，但是大家都很有热情，不到一年的时间，就已经开发了 30+ 个组件，并且陆陆续续有业务开始使用 AvenueUI 组件库，AvenueUI 就是 DevUI 的原型。

到 2018、2019 年，AvenueUI 跟随 Angular 版本升级了 Angular 4 和 Angular 7 版本，持续增加了不少组件，并大大扩展了 DataTable 表格组件的能力。

到 2019 年年底的时候，AvenueUI 正式改名为 DevUI，并更换了 LOGO。

2020 年是 DevUI 开源的元年，经过这许多年，DevUI 已经经受了 DevCloud 大量线上用户的考验，成为稳定、高效、体验流畅的UI组件库。为了让社区更多开发者能够享受 DevUI 带来的沉浸式的用户体验，我们决定将 DevUI 全部组件开放给社区，并接受来自社区的考验，同时也增加 DevUI 在社区的影响力，完善 Angular 在国内的生态。

到现在 2021 年，已经有 100+ 大小业务在使用 DevUI，DevUI 也在各种业务场景的考验下，不断地演进和完善，目前 DevUI 已经开源的组件一共有 61 个。

🎙️小助手

哇！从仅有两三个人兼职开发的 AvunueUI，到现在已经有 60 多个开源组件的 DevUI，真了不起！为 DevUI 点赞👍在做 DevUI 之前，你们有没有考虑过使用现成的组件库，比如小助手了解到 Google 的 Material UI 和阿里的 NG Zorro 就是非常不错的 Angular 组件库呢，为什么不直接用它们呢？

👨王哥

你可能有所不知，Material UI 现在是 Angular 官方的组件库，也是全世界最受欢迎的 Angular 组件库，不过 17 年 18 年那个时候Angular社区生态没有这么丰富，那时的 Material UI 还不是很完善，没法满足 DevCloud 这边复杂的业务场景。而 NG Zorro 也是在同时期发布，NG Zorro 的 1.0 版本 18 年中旬正式发布。

当时有一个相对完善的 Angular 组件库做得很不错，叫 PrimeNG，我们也有轻度试用。不过组件库的设计风格和和交互和我们的产品还是不太契合，后来就打算自己做，也就是现在的 DevUI。

🎙️小助手

还真没仔细了解过 Material 和 Zorro 的历史，涨姿势了！前面提到 DevUI 2020 年开始开源，你们为什么要开源呢？又没什么好处。

👨王哥

我想大概是开源情结和对技术的热情吧，我相信所有做开源的组织和个人开发者都会有这种一种情结和精神，就是有一个好东西，想要和别人分享的朴素的愿望。另外我们作为国内 Angular 的使用者之一，也希望为国内 Angular 生态贡献一点力量，Angular 还是很不错的，它提供了非常丰富的工具，能够极大地提升开发者的效率和用户的体验。

事实上，在开源社区，我们也认识了很多优秀的开发者，目前我们的 DevUI 官方群已经有 240+ 人，大家都对前端技术，对 Angular 技术很有热情，很活跃也很积极地讨论问题。

🎙️小助手

这我知道，因为我是群主，这群可爱的小伙伴们都是我拉进来的，哈哈哈！在王哥看来，和 Material、Zorro 这些 Angular 组件库相比，DevUI 最大的优势是什么呢？

👨王哥

不可否认，Material 和 Zorro 都是非常优秀的组件库（很荣幸我们还跟Zorro团队有过技术交流），不过 DevUI 是独一无二的，它是从华为云 DevCloud 研发工具体系孵化出来的，带着很鲜明的个性特征，不管是直观视觉上，还是沉浸式的交互上，或者是流畅的动画上，都与别的组件库不同。她从研发工具链业务来，也最适合做 ToB 的工具类产品，因为这类产品不追求酷炫的样式，而更在意工具是否稳定、使用起来是否高效，是否能真正让用户忘记工具、在使用工具的过程中达到心流状态。

这就是 DevUI 一直致力于做的事情，沉浸、至简、灵活，这是 DevUI 的价值观，也是 DevUI 的一大优势。

另外，DevCloud 业务复杂，场景众多，DevUI 如何设计 API 以保持灵活和通用，如何在满足多种业务需求的同时，保持自身的独立性，而不与业务耦合，这也是 DevUI 一直在思考和实践的。我们除了精心打磨每一处交互细节，我们还精心设计每一个 API，不仅让用户用得舒服，也对开发者友好。

“烧不死的鸟是凤凰”，我想，DevUI 经历了 100+ 业务的历练，她已然是一个成熟、稳定、高效的UI组件库。她不需要跟别人比，而是尽力做好自己，服务好开发者。

🎙️小助手

我看了下DevUI的官网，里面有不少组件，我看其它UI组件库都是没有的，比如甘特图、象限图，以及新出的分类搜索、精灵导航等，我想这也是 DevUI 的特色和优势吧。

👨王哥

是的，我们是面向 ToB 的工具类产品的，有一些别的组件库可能没有的组件，但我们有，因为工具类产品需要。我们的每一个组件都是有大量的业务场景的，并不是凭空做的。

🎙️小助手

我想大概这就是 DevUI 独特的魅力吧。你们有没有考虑做 Angular 之外的其他技术栈的组件库呢？比如 Vue、React 等。

👨王哥

有不少社区的朋友也希望我们提供 Vue、React 的版本，DevUI 有一套通用的设计体系和设计价值观，Angular 是我们的设计体系的一个实现，理论上移植到其他技术栈是完全没问题的。不过，我们更希望社区的小伙伴参与进来，一起建设 DevUI 的生态，这我们是非常欢迎的。

🎙️小助手

小助手我有了解到像 And Design 和 Element UI 都有做 Admin 这种中后台解决方案，Ant Design 有 AntD Admin，Element UI 有 Vue Element Admin，DevUI 有计划做 Admin 系统吗？

👨王哥

有的，这也是社区对 DevUI 的期望和诉求，我们从去年就开始筹划Admin系统，很快 1.0 版本就会跟大家见面，尽情期待！

🎙️小助手

最后再问王哥一个我自己一直比较好奇的问题，就是 DevUI 的 LOGO 我看挺有意思的，它是有什么特殊的含义吗？

👨王哥

这个还真有，当时我们的设计团队给我们设计了十几个 LOGO，这是大家一起评选出来的，一眼看去，你觉得它像什么？

🎙️小助手

像两个箭头？

👨王哥

真聪明！她有两个象征意义，一个是 HTML 元素中的左右尖括号，代表我们是做开发工具链的，是为开发者服务的；另一个是 V 字手势，代表 DevUI 是和业务协作共赢的，业务的成功就是 DevUI 价值的体现。

🎙️小助手

感谢王哥的耐心和时间，也祝 DevUI 在 2021 年越来越好，有更多的开发者使用和喜爱 DevUI！