EP27 组件开发和路易十六有什么关系?- Headless ComponentAsyncTalk

EP27 组件开发和路易十六有什么关系?- Headless Component

12分钟 ·
播放数260
·
评论数0

大家好啊,本次更新带来了 Headless Component 的简要介绍,它的优势在于逻辑分离,更好地集成设计系统,易于测试;缺点则是会让架构复杂一层,以及完全不同的开发思维。

大家可以考虑在自己的业务中尝试这种新颖有趣的技术方案。但是也要注意业务场景。

有任何意见建议想法,都可以在评论区留言或者发邮件至 async.talk@gmail.com


主播

AnnatarHe: annatarhe.com


Timeline

00:18 Headless Component 是什么

01:27 优势: 逻辑重用,分离 UI,集成自定义设计系统,易于测试

05:30 弊端: 架构复杂,不同的开发思维

07:00 实例: TanStack table, react-hook-form

09:23 btw: 多数组件库不适应新的 React Server Component

10:38 大势所趋

11:20 但是取决于业务。to C 项目比较适合


相关链接

React hook form: react-hook-form.com

Ant Design: ant.design

Material UI: mui.com

chakra UI: chakra-ui.com

arco design: arco.bytedance.net

Puppeteer - a headless browser: pptr.dev

TanStack Table: tanstack.com


扩展阅读

HEADLESS USER INTERFACE COMPONENTS: www.merrickchristensen.com



BGM by Otologic