Syntax - Tasty Web Development Treats
Technology
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?
Sentry - SponsorIf 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.
Show Notes00: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/
29:58:18 Does Lit do anything with CSS?
32:01:01 Does Lit do routing?
Lit Mobx
34:06:02 How does Lit work with state?
34:52:15 What about signals?
38:49:00 Is Server Side Rendering possible with web components?
41:03:07 What websites are using Lit and/or web components?
44:26:08 What’s the difference between Lit and Polymer?
45:44:17 What is the future of web components?
48:09:14 Supper club questions
GitHub - w3c/csswg-drafts: CSS Working Group Editor Drafts
56:36:20 SIIIIICK ××× PIIIICKS ×××
55:27 SIIIIICK ××× PIIIICKS ×××
Supper Club × How Descript Built A Next Gen Video Editor In The Browser With Andrew Lisowski
6 or so New Approved and Proposed JavaScript APIs
JS Fundamentals - Decorators
Supper Club × Flightcontrol with Brandon Bayer
Potluck × Is TypeScript Fancy Duct Tape × Back Pain × Cloud Service Rate Limits
Why is Facebook’s HTML + CSS Such a Mess?
Supper Club × Ryan Florence of Remix
Standard Server JavaScript - Deno, Workers, Bun and More
Rust for JavaScript Developers - Node vs Rust Concepts
Supper Club × Email Sending, Spam, DMARC, SPF, Styling, and more with Andris Reinman
Polyfills, Transpiling and Monkey Patching
User Feedback UI - Toasts, Flash, Validation
Supper Club × WASM, Fastly Edge, and Polyfill.io with Jake Champion
Potluck × CSS Variables in React × JS Notebooks × Selling a Domain
Help Me Help You - How To Ask For Help
Supper Club × val.town with Steve Krouse
Stump’d × JavaScript × GraphQL × Memory Safety × Web History
Roundup - Sick AI Tools For Developers
Supper Club × Cloudinary with Colby Fayock
What are Headless Components?
Create your
podcast in
minutes
It is Free
Insight Story: Tech Trends Unpacked
Zero-Shot
Fast Forward by Tomorrow Unlocked: Tech past, tech future
The Unbelivable Truth - Series 1 - 26 including specials and pilot
Lex Fridman Podcast