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