ascoders / weekly

前端精读周刊。帮你理解最前沿、实用的技术。
28.36k stars 3.22k forks source link

精读《Headless 组件用法与原理》 #444

Closed ascoders closed 1 year ago

ascoders commented 1 year ago

Headless 组件即无 UI 组件,框架仅提供逻辑,UI 交给业务实现。这样带来的好处是业务有极大的 UI 自定义空间,而对框架来说,只考虑逻辑可以让自己更轻松的覆盖更多场景,满足更多开发者不同的诉求。

我们以 headlessui-tabs 为例看看它的用法,并读一读 源码


精读《Headless 组件用法与原理》

Yunkou commented 1 year ago

Headless 最近接触了一个框架,在处理复杂表格操作的场景下,表现优秀 https://tanstack.com/table/v8 和你文中所表述一致

另外一篇文章讲什么是 headless 讲的也不错 https://www.merrickchristensen.com/articles/headless-user-interface-components/ ,这篇文章写的亮点是由浅入深地介绍了,什么是 headless 的组件设计模式,从最基础的代码开始,一直到如何封装