๐๏ธ Rage Coding, Headless Web Components, and the Future of DX with Burton Smith
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!



![Living the Dream: Dan Cederholm's Creative Journey [Part 2] | Podcast Awesome Living the Dream: Dan Cederholm's Creative Journey [Part 2] | Podcast Awesome](https://storage.buzzsprout.com/uux1hxzqn7xec0i9qphwqjaxe7hj?.jpg)


















