Syntax - Tasty Web Development Treats Supper Club × Web Components and Lit with Justin Fagnani of Google
4 snips
Mar 31, 2023 
In this discussion, Justin Fagnani, a Google software engineer focusing on web components and Lit, shares valuable insights into the world of modern web development. He explains the advantages of web components over traditional frameworks like React, delving into their architecture, including custom elements and shadow DOM. The conversation also highlights Lit's role in enhancing developer productivity, performance boosts from using signals for state management, and the evolving landscape of browser compatibility, with a nod to Reddit's shift from React to Lit.
AI Snips
Chapters
Transcript
Episode notes
CSS Encapsulation
- Shadow DOM encapsulates CSS, preventing style leaks.
- Inherited CSS properties and custom variables still cascade.
Lit's CSS-in-JS
- Lit uses constructible stylesheets for CSS-in-JS without the usual drawbacks.
- Styles are automatically bundled and tree-shaken with components.
Simplified CSS
- Lit's CSS handling simplifies styling and avoids external CSS files.
- This streamlines development and improves organization.