Episode Details

In this supper club episode of Syntax, Wes and Scott talk with Justin Fagnani about working with web components, using Lit, how routing and state are handled, thoughts on signals, and what is the future of web components?

If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.

• 00:49:11 Guest introduction

• 01:03:00 Sponsor: Sentry

• 02:02:11 Why do people use React when we have web components and lit?

• 03:57:14 Who is Justin Fagnani?

• Justin Fagnani

• Justin Fagnani (@justinfagnani)

• Justin Fagnani · GitHub

• Justin Fagnani - Fosstodon

• Lit (@buildWithLit)

• Lit

• Google App Maker

• 04:55:02 What are web components?

• The Extensible Web Manifesto

• 05:59:08 What is the shadow dom?

• 08:56:02 Was there an intention for a layer on top of web components?

• 13:22:09 What is Lit?

• 16:19:23 What are the benefits of using a library for web components?

• Custom Elements Everywhere

• 21:20:14 Why would write in React and not in web components?

• 24:24:18 How does CSS work with web components and Lit?

• 28:00:14 Using constructable stylesheets

• ::part

• Constructable stylesheets/

• Listen Now