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