))
EP27 组件开发和路易十六有什么关系？- Headless Component
Manage episode 372633663 series 3291831
コンテンツは AsyncTalk によって提供されます。エピソード、グラフィック、ポッドキャストの説明を含むすべてのポッドキャスト コンテンツは、AsyncTalk またはそのポッドキャスト プラットフォーム パートナーによって直接アップロードされ、提供されます。誰かがあなたの著作物をあなたの許可なく使用していると思われる場合は、ここで概説されているプロセスに従うことができますhttps://ja.player.fm/legal。
大家好啊，本次更新带来了 Headless Component 的简要介绍，它的优势在于逻辑分离，更好地集成设计系统，易于测试；缺点则是会让架构复杂一层，以及完全不同的开发思维。
大家可以考虑在自己的业务中尝试这种新颖有趣的技术方案。但是也要注意业务场景。
有任何意见建议想法，都可以在评论区留言或者发邮件至 async.talk@gmail.com
主播
AnnatarHe: https://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: https://react-hook-form.com/
Ant Design: https://ant.design/index-cn
Material UI: https://mui.com/
chakra UI: https://chakra-ui.com/
arco design: https://arco.bytedance.net/
Puppeteer - a headless browser: https://pptr.dev/
TanStack Table: https://tanstack.com/table/v8
扩展阅读
HEADLESS USER INTERFACE COMPONENTS： https://www.merrickchristensen.com/articles/headless-user-interface-components/
BGM by Otologic
45 つのエピソード
シェア
