关于前端:对DevUI组件库王哥的专访

41次阅读

共计 3275 个字符,预计需要花费 9 分钟才能阅读完成。

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

正文完
 0