Scott and Wes talk with Scott Jehl about the benefits, challenges, and use cases of web components, particularly in design systems and performance.

Show Notes

• 00:00 ">00:00 Welcome to Syntax!
• 00:55 ">00:55 Scott’s background and career
  • Responsible Responsive Design
  • Webpagetest.org
• 06:46 ">06:46 An overview of web components
• 09:06 ">09:06 Why should people care about web components?
• 13:16 ">13:16 Should you write your own web components?
• 14:39 ">14:39 Reactivity in web components
• 15:56 ">15:56 DOM parts
• 18:23 ">18:23 Styling web components
• 22:08 ">22:08 Brought to you by Sentry.io
• 22:33 ">22:33 CSS custom properties
  • Mux Player Customizer
• 24:28 ">24:28 Responsive video
• 28:27 ">28:27 The polyfill use case
• 30:55 ">30:55 Shadow DOM challenges
• 36:04 ">36:04 Web components in design systems
• 41:58 ">41:58 How are people using web components?
• 43:25 ">43:25 Web components and server-side rendering
• 45:00 ">45:00 Scott’s thoughts on build tools
• 47:33 ">47:33 Sick Picks & Shameless Plugs

Sick Picks

• Scott: Enhance

Shameless Plugs

• Scott:
  • Squarespace is hiring
  • Web Components Demystified - Get 30% off with coupon code “syntax”
  • Web Components Community Group

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads