明天小助手有幸采访到了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!