What are Headless Components?
O epizodě podcastu
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
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
Popis podcastu
Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.