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