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