Playing: 636: What are Headless Components?
0:00
LOUDNESS
Episode 574
|Feb 10th, 2023
Supper Club Γ Qwik framework from MiΕ‘ko Hevery, the Creator of Angular
Episode 393
|Oct 4th, 2021
Hasty Treat - Spicy Takeout - PHP Is Good and Weβre Just Re-Creating It
Jul 5th, 2023
What are Headless Components?
π Download ShowβοΈ Edit Show NotesIn 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