Skip to content
What are Headless Components? episode artwork

Jul 5, 2023 47 min

What are Headless Components?

from Syntax - Tasty Web Development Treats Hosted by Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

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 ××× SIIIIICK ××× PIIIICKS ××× 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’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

Episode details come from the podcast's RSS feed.

Embed this episode

Ready to play

What are Headless Components?

0:00 47:47

No transcript yet.

Requests help us decide what to transcribe next.

Frequently asked questions

How long is this episode of Syntax - Tasty Web Development Treats?

This episode is 47 minutes long.

When was this Syntax - Tasty Web Development Treats episode published?

This episode was published on July 5, 2023.

Can I download this Syntax - Tasty Web Development Treats episode?

Yes. Use the download control on the episode player to save the publisher-provided media file.