What are Headless Components?
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 Welcome Tailwind Connect Headless component overview A country...
Syntax - Tasty Web Development Treats · Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
July 5, 202347m 47s
Audio is streamed directly from the publisher (traffic.megaphone.fm) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
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’s New in Figma
- 31:21 What does headless mean?
- 36:24 SIIIIICK ××× PIIIICKS ×××
- 41:20 AI Voices
- Scott: Hacker News Recap /Hacker News Recap on Apple Podcasts
- Wes: Calipers
- Scott: Sentry
- Wes: Wes Bos Tutorials
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets
- Wes Bos on Bluesky
- Scott on Bluesky
- Syntax on Bluesky