))
EP27 组件开发和路易十六有什么关系？- Headless Component
Manage episode 372633663 series 3291831
Nội dung được cung cấp bởi AsyncTalk. Tất cả nội dung podcast bao gồm các tập, đồ họa và mô tả podcast đều được AsyncTalk hoặc đối tác nền tảng podcast của họ tải lên và cung cấp trực tiếp. Nếu bạn cho rằng ai đó đang sử dụng tác phẩm có bản quyền của bạn mà không có sự cho phép của bạn, bạn có thể làm theo quy trình được nêu ở đây https://vi.player.fm/legal.
大家好啊，本次更新带来了 Headless Component 的简要介绍，它的优势在于逻辑分离，更好地集成设计系统，易于测试；缺点则是会让架构复杂一层，以及完全不同的开发思维。
大家可以考虑在自己的业务中尝试这种新颖有趣的技术方案。但是也要注意业务场景。
有任何意见建议想法，都可以在评论区留言或者发邮件至 [email protected]
主播
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
46 tập
Chia sẻ
