headless 组件设计

Headless UI 介绍

因为每个业务的发展不一样,设计也不同,一般前端业务发展到一定的承度都会输出一些自己的组件库,类似于 Material uiAntdArco 等都是有自己的业务特色的组件库,因为这些组件库功能大多相似更多的是UI上的差异。所以也有一些重复的代码逻辑和设计思想。这时候自然就有人想到了能不能做到UI和组件逻辑分离。这样只要逻辑一致各个团队都可以自定义自己的 UI,本质上是一种开闭原则的思想。这样的背景下诞生了 Headless UI 这个概念, 可能命名上有参考 Headless Browser(无用户操作界面的浏览器)。

组件分析

当前已经有很多组件库设计采用了 Headless UI 都设计思想。例如:

设计组件

使用组件

参考项目

文章作者: I年少有为
文章链接: https://lemonlife.top/2023/03/08/headless-ui/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 I年少有为