DiscoverPodcast Awesome๐ŸŽ™๏ธ Rage Coding, Headless Web Components, and the Future of DX with Burton Smith
๐ŸŽ™๏ธ Rage Coding, Headless Web Components, and the Future of DX with Burton Smith

๐ŸŽ™๏ธ Rage Coding, Headless Web Components, and the Future of DX with Burton Smith

Update: 2025-09-17
Share

Description

Have you ever rage-coded your way into building a developer tool that actually fixes things? Burton Smith has. And weโ€™re here for it.

In this episode of Podcast Awesome, Matt and Web Awesome's boss, Cory Laviska chat with Burton Smith. Burton is an open source wizard and creator of the Web Components Toolkit, and he tells us about the gap between the promise of Web Components and the messy reality devs often face.

๐Ÿ’ป Burtonโ€™s toolkit bridges that gap like Gandalf on a DX bender.

In this episode we dive into:
โš™๏ธ Developer experience pain points
๐Ÿงฉ Custom Elements Manifests (CEMs) and real-world tooling
๐ŸŽฏ Form-associated custom elements, declarative shadow DOM, and why they still have rough edges
๐Ÿš€ Why frameworks finally (mostly) play nice with Web Components
๐Ÿ“ฆ How open source tools can fix the stuff we all silently suffer through
๐Ÿง  And why making components โ€œjust workโ€ should be table stakes

This oneโ€™s for devs who are tired of wiring up wrappers, fighting with VS Code autocomplete, or wondering why their component still doesnโ€™t show up right in Storybook.

โœจ Bonus: We get a little spicy about SSR, headless UI, and whether a global design system is even a thing we want.

โฑ๏ธ Timestamps

00:00 โ€“ Welcome to Podcast Awesome
ย 02:00 โ€“ Meet Burton Smith: The Stuff Breaker
ย 04:00 โ€“ Why Web Components Tooling is (Still) a Pain
ย 06:00 โ€“ Closing the Gap Between DX and Dev Reality
ย 12:00 โ€“ CEMs, ASTs, and Metadata Magic
ย 20:00 โ€“ Form-associated Custom Elements (and the Weird Gaps)
ย 24:00 โ€“ Declarative Shadow DOM: Blessing or Band-Aid?
ย 28:00 โ€“ SSR, Frameworks, and the Next Frontier
ย 34:00 โ€“ Global Design Systems, Gatekeeping, and Interop
ย 42:00 โ€“ Headless UI vs. Useless DX
ย 44:00 โ€“ How to Support Burton + Where to Find the Toolkit

๐Ÿ”— Links & Resources

๐ŸŒ Burtonโ€™s Toolkit: https://wc-toolkit.com
๐Ÿง™โ€โ™‚๏ธ Follow Burton on GitHub: https://github.com/Breakstuff
๐Ÿฆ Burton on Social: @StuffBreaker
๐Ÿ“„ Learn more about Custom Elements Manifest: https://github.com/webcomponents/custom-elements-manifest
๐Ÿ› ๏ธ Web Awesome: https://webawesome.dev
๐Ÿงก Shoutout to all you open sourcers building magic after hours

๐ŸŽฅ Podcast Awesome on YouTubeย 

๐ŸŽถ The Font Awesome Theme Song โ€“ Composed by Ronnie Martin
๐ŸŽธ Music Interstitials by Zach Malm
๐ŸŽฌ Produced and edited by Matt Johnson with some extra help from Isaac Chaseย 

Stay up to date on all the Font Awesomeness!

Commentsย 
In Channel
loading
00:00
00:00
x

0.5x

0.8x

1.0x

1.25x

1.5x

2.0x

3.0x

Sleep Timer

Off

End of Episode

5 Minutes

10 Minutes

15 Minutes

30 Minutes

45 Minutes

60 Minutes

120 Minutes

๐ŸŽ™๏ธ Rage Coding, Headless Web Components, and the Future of DX with Burton Smith

๐ŸŽ™๏ธ Rage Coding, Headless Web Components, and the Future of DX with Burton Smith