848

shows/848 - Web Components with Scott Jehl.md

@@ -0,0 +1,61 @@
+---
+number: 848
+title: "Web Components Can’t Save Us with Scott Jehl"
+date: 1731672000000
+url: https://traffic.libsyn.com/syntax/Syntax_-_848.mp3
+youtube_url: https://www.youtube.com/watch?v=SGFx71uNbe4
+guest:
+  name: Scott Jehl
+  github: scottjehl
+  twitter: scottjehl
+  of: Squarespace
+  url: https://scottjehl.com/
+  social: https://mstdn.social/@scottjehl
+---
+
+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](#t=00:00)** Welcome to Syntax!
+* **[00:55](#t=00:55)** Scott's background and career
+  * [Responsible Responsive Design](https://abookapart.com/products/responsible-responsive-design)
+  * [Webpagetest.org](https://www.webpagetest.org/)
+* **[06:46](#t=06:46)** An overview of web components
+* **[09:06](#t=09:06)** Why should people care about web components?
+* **[13:16](#t=13:16)** Should you write your own web components?
+* **[14:39](#t=14:39)** Reactivity in web components
+* **[15:56](#t=15:56)** [DOM parts](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/DOM-Parts.md)
+* **[18:23](#t=18:23)** Styling web components
+* **[22:08](#t=22:08)** Brought to you by [Sentry.io](https://sentry.io)
+* **[22:33](#t=22:33)** CSS custom properties
+  * [Mux Player Customizer](https://player.style/)
+* **[24:28](#t=24:28)** Responsive video
+* **[28:27](#t=28:27)** The polyfill use case
+* **[30:55](#t=30:55)** Shadow DOM challenges
+* **[36:04](#t=36:04)** Web components in design systems
+* **[41:58](#t=41:58)** How are people using web components?
+* **[43:25](#t=43:25)** Web components and server-side rendering
+* **[45:00](#t=45:00)** Scott's thoughts on build tools
+* **[47:33](#t=47:33)** Sick Picks & Shameless Plugs
+
+### Sick Picks
+
+- Scott: [Enhance](https://enhance.dev/)
+
+### Shameless Plugs
+
+- Scott: 
+  * [Squarespace is hiring](https://www.squarespace.com/about/careers)
+  * [Web Components Demystified](https://scottjehl.com/learn/webcomponentsdemystified/) - Get 30% off with coupon code "syntax"
+  * [Web Components Community Group](https://github.com/w3c/webcomponents-cg)
+
+### Hit us up on Socials!
+
+Syntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm)
+
+Wes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos)
+
+Scott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski)
+
+Randy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor)