New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Closed

ascoders opened this issue Oct 16, 2022 · 1 comment

Owner

ascoders commented Oct 16, 2022 •

edited

Loading

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

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

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

ascoders closed this as completed

Yunkou commented Oct 17, 2022

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment