BROADCASTS.com

b'

In this episode of Syntax, Wes and Scott talk about what headless components are, the why and when to use headless components, and how to best implement them.

Show Notes

• 00:07 Welcome
• 02:33 Tailwind Connect
• Tailwind Connect 2023 | Tailwind CSS Live Event
• 04:37 Headless component overview
• Downshift
• Headless UI
• 06:57 A country dropdown component
• 12:52 Possibly like Svelte actions?
• 18:46 What do headless components provide?
• 19:13 Examples of headless component projects
• Microsoft Edge Demo
• 24:24 How does this compare to web components?
• Tanstack Table
• Tanstack Virtual
• 26:29 Checking out Shoelace
• Shoelace
• 28:42 Figma announcements
• What\\u2019s New in Figma
• 31:21 What does headless mean?
• 36:24 SIIIIICK \\xd7\\xd7\\xd7 PIIIICKS \\xd7\\xd7\\xd7
• 41:20 AI Voices

\\xd7\\xd7\\xd7 SIIIIICK \\xd7\\xd7\\xd7 PIIIICKS \\xd7\\xd7\\xd7

• Scott: Hacker News Recap /Hacker News Recap on Apple Podcasts
• Wes: Calipers

Shameless Plugs

• Scott: Sentry
• Wes: Wes Bos Tutorials

Tweet us your tasty treats

• Scott\\u2019s Instagram
• LevelUpTutorials Instagram
• Wes\\u2019 Instagram
• Wes\\u2019 Twitter
• Wes\\u2019 Facebook
• Scott\\u2019s Twitter
• Make sure to include @SyntaxFM in your tweets
• Wes Bos on Bluesky
• Scott on Bluesky
• Syntax on Bluesky