Podcasts about Web Components

An airhacks.fm conversation with Alvaro Hernandez (@ahachete) about: discussion about the quarkus Insights episode "#337 The Database Cloud" stackgres live demo, StackGres as a Quarkus and GraalVM native kubernetes operator for running Postgres, comparing CloudNativePG (CNPG) by EnterpriseDB to StackGres, Patroni for Postgres high availability, the split-brain risk of relying on Kubernetes and etcd alone, distributed consensus and leader lock election via etcd, why distributed systems and cryptography should not be self-implemented, async, synchronous and quorum (semi-synchronous) Postgres replication trade-offs, cascading and cross-region replication topologies, the false-positive problem and heuristic exceptions in two-phase commit, the ondb ("own your database") project for self-hosted Postgres, losing control with managed cloud services and untestable backups, vanilla unmodified Postgres on StackGres, the "Kubernetes without Kubernetes" (Kubeless) pattern, talking directly to ContainerD through the CRI API, runc and the Docker to ContainerD chain, a self-contained native binary that embeds ContainerD over Unix domain sockets, the slony node-local component named after the Postgres slonik elephant mascot, the Matriarch orchestrator component, reverse gRPC tunnels with Slonies phoning home across NAT and firewalls, a multi-tenant cloud control plane provided as a service, curl-pipe-shell node installation with a token, end-to-end encrypted Postgres protocol tunneling for JDBC from anywhere, psql compiled to wasm in the web console, Tailscale-inspired user experience, unifying nodes, Kubernetes clusters and cloud pools as resources, Slony Kubernetes controller, Java 25 source-mode scripting without dependencies, implementing your own MCP server for Postgres JDBC metadata, the Goose agentic UI donated by Block to the Linux Foundation, AI Rails BCE, Java, Web Components skills Alvaro Hernandez on twitter: @ahachete

Show DescriptionDave's changing up his camera angles, Chris has been upgrading his Sprinter van, how many hobbies is too many, what kinds of web tech was popular years ago that now seems normal, why isn't the DX around web components better, how can I structure my code to compose other custom elements, and what still can't be done on the web these days? Listen on WebsiteLinks Custom Elements Manifest Diffs, Trees, and VS Code 2.0 - Syntax #1008 CodePen Radio SponsorsMacroMacro is a tool to cut through the noise - It's a workspace built for engineers; One place for all your emails, tasks, team chat, and documents. Sign up at Macro.com and get $100 of your subscriptions using code SHOPTALK100

Wie hat dir die Folge gefallen?Gut

React made a lot of us feel powerful, then maintenance made a lot of us feel tired. Drew Bragg sits down with Delaney Gillilan, creator of Datastar, to argue for a different kind of “modern web” one that keeps the browser's strengths front and center and keeps your app logic where it belongs: on the server. If you've ever looked at your dependency graph and wondered how you got here, this conversation is a reset.We get concrete about what Datastar is and how it works: a tiny reactive framework built around HTML, data attributes, and signals, with a plugin system that stays out of the way. Delaney explains why most state should live on the backend, why duplicating validation and business rules in the client is wasted effort, and why hypermedia is still the simplest way to communicate what a user can do next. We also unpack the “send strings to the browser” philosophy and how that changes performance, complexity, and even team collaboration.Real-time is where it gets spicy. Delaney makes the case for Server-Sent Events (SSE) over WebSockets for many apps, leaning on normal HTTP semantics, built-in reconnects, and streaming compression to ship tiny DOM diffs efficiently. From there we talk CQRS as a mental model for command intent vs view updates, plus what this means for Ruby on Rails developers weighing Hotwire, Stimulus, and upgrades. We close with two bold companion projects: Rocket, which makes Web Components more declarative, and Stellar, a Tailwind alternative that uses parametric CSS variables for a modern design system workflow.If you enjoy deep technical takes on reactive UI, server-driven rendering, SSE, Rails, and modern CSS, subscribe, share the episode with a friend who's stuck in SPA fatigue, and leave a review with the part you disagreed with most.Send us some love.JudoscaleAutoscaling that actually works. Take control of your cloud hosting. HoneybadgerHoneybadger is an application health monitoring tool built by developers for developers.JudoscaleAutoscaling that actually works. Take control of your cloud hosting.Disclaimer: This post contains affiliate links. If you make a purchase, I may receive a commission at no extra cost to you.Support the show

In this episode of The Dev Life, we sit down with Burton Smith, Senior Software Engineer at Zocdoc and former Microsoft engineer, to discuss modern frontend development, breaking down the "why" and "how" of building robust design systems, the critical UX questions every developer should ask at the start of a project, and why Web Components are becoming a vital tool for interoperability in large-scale applications.It's a masterclass in building for the long term, delivered by a seasoned public speaker and community leader.CONNECT WITH US:https://www.linkedin.com/in/burton-smith-48132a34/https://www.linkedin.com/in/jedibravery/https://www.linkedin.com/in/matthewbchristiansen/Follow us onX: @DevLifePodcastX: @AngularShowBluesky: @theangularplusshow.bsky.socialThe Angular Plus Show and The DevLIfe Podcast are a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchStock media provided by JUQBOXMUSIC/ Pond5

An airhacks.fm conversation with Marvin P. Warble Jr. (@marvinwarble) about: growing up with the Atari 400 and learning BASIC from a cartridge, saving programs on cassette tapes and upgrading to floppy drives, writing maze games and running out of RAM, the Atari 800XL and Atari ST with graphical user interfaces, studying aerospace engineering and working at NASA on mission planning software, converting Fortran to C and C++ at NASA, the transition from mission-specific software to reusable applications, learning Java in the early 2000s through applets, comparing C++ header files to Java class organization and missing type defs, building a stock data web scraper in Java and getting redirected to the human genome project, working on a Java applet-based product called Galileo that was abandoned when applets were deprecated, developing control system software for an aircraft carrier, the origin of iGrade Plus as an online grade book for schools built with JSP and then the Oorian Framework, the Oorian framework as an object-oriented rich internet application framework written in pure Java, wrapping JavaScript libraries like CKEditor and Chart.js and D3.js with Java APIs, type-safe Java widgets rendered to HTML and JavaScript, configurable communication modes with AJAX and SSE and WebSockets, CSS generation in Java with user-specific themes and multi-tenant support, event handling modeled after Swing with mouse click listeners, iGrade Plus running in production for 10 years with 50000 to 70000 active users and hundreds of schools, 170 JavaScript library integrations planned including Web Awesome and Tailwind CSS and Bulma and Bootstrap, comparison with Vaadin and the different approach of wrapping existing JavaScript libraries, discussion of Quarkus and GraalVM native image compilation, Web Components as a rendering target for enterprise applications Marvin P. Warble Jr. on twitter: @marvinwarble

Eric Meyer and Brian Kardell chat with Jay Hoffmann and Jeremy Keith about Shadow DOM's backstory and long origins Mentioned Links Component Model Use Cases Shadow tree encapsulation theory The History of the Web XBL2: First Thoughts and Use Cases 'Web Components' email

Show DescriptionDave has famous people blindness, a cologne life hack is dropped, what is the killer feature of web components, MCPs are so done—focus on skills instead, should custom events exist, and thoughts about streaming HMTL. Listen on WebsiteWatch on YouTubeLinks Good Hang With Amy Poehler - The Ringer Sebastian Maniscalco Has a Little More Pepper in His Hair These Days - The Ringer Guitar Center Austin Music Store normansrareguitars.com – Norman's Rare Guitars The killer feature of Web Components - daverupert.com figma/code-connect: A tool for connecting your design system components in code with your design system in Figma Chrome DevTools (MCP) for your AI agent | Blog | Chrome for Developers Stop Using CustomEvent SponsorstldrawHave you ever wanted to build an app that works kinda like Miro or Figma, that has a zoomable infinite canvas, that's multiplayer, and really good, but you also want to build it in React with normal React components on the canvas? Good news! tldraw is the world's first, best, and only SDK for building infinite canvas apps in React. tldraw takes care of all the canvas complexities — things like the camera, selection logic, and undo redo — so that you can focus on building the features that matter to your users. It's easy to use with plenty of examples and starter kits, including a kit where you can use AI to create things on the canvas. Get started for free at tldraw.dev/shoptalk, or run npm create tldraw to spin up a starter kit.

In this episode of the Liquid Weekly Podcast, hosts Karl Meisterheim and Taylor Page welcome Roberto Senabre, co-founder of the Shopify app Orbe, to discuss the complexities of Shopify Markets and internationalization.Roberto shares his journey from starting a plant-based leather brand on WooCommerce to becoming a "Shopify Markets fanboy" after realizing the struggles of managing localized experiences. He explains how Orbe solves the critical issue of directing international shoppers to the correct localized storefront without negatively impacting SEO or UX.HookdeckFor more information about the sponsor of this episode, Hookdeck, check out https://hookdeck.com/?utm_source=LWPodcast&utm_medium=Podcast&utm_id=LWAdSlot Find Roberto Senabre Online- Orbe: https://apps.shopify.com/orbe- Twitter (X): https://x.com/robertosenabre- LinkedIn: https://www.linkedin.com/in/senabre/ Timestamps- 00:00 Introduction and Hookdeck Sponsor Ad- 02:40 Welcome and Introduction of Roberto Senabre from Orbe- 05:25 Roberto's Background: From 12-year-old Coder to Merchant- 08:30 The Birth of Orbe and Discovering Shopify Markets- 11:20 The Vision of Shopify Markets: Beyond Just Countries- 13:45 The Pain of "Expansion Stores" vs. Single Store Markets- 19:00 Technical Pitfall 1: Not Using Proper Liquid/JS Routes Objects- 22:45 Technical Pitfall 2: Confusing Markets with Storefronts (The "Rest of World" Mistake)- 26:30 Technical Pitfall 3: Hard-Coding Full URLs in Content- 30:30 Technical Pitfall 4: Manually Editing Hreflang Tags (Don't do it!)- 32:30 Technical Pitfall 5: Using Visual-Only Currency Converter Apps- 33:40 Technical Pitfall 6: Automatic Redirection vs. SEO Crawlers- 35:50 When to Use Expansion Stores vs. Markets- 38:00 Orbe's Tech Stack: PHP, Vanilla JS, and Web Components- 44:50 Dev Changelog Highlights- 50:40 Picks of the WeekResources- Orbe Geolocation: https://orbe.app/install/liquidweekly- Orbe Affiliate Program: http://orbe.app/affiliates/liquidweekly- Hookdeck: https://hookdeck.com/- Common issues on Markets: https://orbe.app/blogs/blog/shopify-markets-mistakes- Expansion stores vs one single store: https://orbe.app/blogs/blog/shopify-expansion-stores-vs-shopify-marketsDev Changelog- New: Unlisted Product Status - https://shopify.dev/changelog/new-unlisted-product-status- Improved concurrency handling in the Cart AJAX API and Storefront Cart -GraphQL API - https://shopify.dev/changelog/improved-concurrency-handling-in-the-cart-ajax-api-and-storefront-cart-graphql-api- Updated online store promotion app store requirement - https://shopify.dev/changelog/updated-online-store-promotion-app-store-requirement- Increased limits in metafield and metaobject definitions - https://shopify.dev/changelog/increased-limits-for-metafields-and-metaobjects- [action required] Bulk operations group objects default changed to false - https://shopify.dev/changelog/bulk-operations-group-objects-default-changed-to-false- Built for Shopify apps get priority visibility across the Shopify App Store - https://shopify.dev/changelog/built-for-shopify-apps-get-priority-visibility-across-the-shopify-app-store- The cartDiscountCodeUpdate mutation now requires the discountCodes field - https://shopify.dev/changelog/the-cartdiscountcodeupdate-mutation-now-requires-the-discountcodes-fieldPicks of the Week- Karl: Chronometer - A free nutrition, calorie, and macro tracking app with a great food library and barcode scanner. https://cronometer.com/ - Roberto: RFC for Shopify Storefront Standard events: https://x.com/benjaminsehl/status/1982862575298838983 - Taylor: Ashland High School Football - Celebrating local team making it to the first round of the playoffs.Sign Up for Liquid WeeklyDon't miss out on expert insights and tips—subscribe to Liquid Weekly for more content like this: https://liquidweekly.com/

The tools we use shape how we work, what we see, and how we think. Dmitri Glazkov, Strategy Lead at Google Labs, initiated Breadboard and helped launch Opal—tools that let people connect prompts into systems that think together like Tinkertoys for the mind. His passion is building technology that makes creativity easier and more human. In this episode, Dart and Dmitri explore how AI can capture tacit knowledge, why strategy gets embedded in culture, and how to design “tiny brains” that think with us, not for us.Dmitri Glazkov is Strategy Lead at Google Labs and the initiator of Breadboard, the open-source foundation for Google's Opal project. He is a longtime Google engineer and an early contributor to Chrome and Web Components.In this episode, Dart and Dmitri discuss:- How AI tools reshape the experience of work- Why Breadboard and Opal make creativity easier- How AI can help capture and share tacit knowledge- The difference between dandelion and elephant growth strategies- How strategy becomes embodied in company culture- What “lensical thinking” means and how to use it- Why Dmitri calls Opal a cognitive WYSIWYG- How chains of prompts can act as “tiny brains”- And other topics…Dmitri Glazkov is the Strategy Lead at Google Labs and the initiator of Breadboard, the open-source project that underpins Google's Opal tool for creative AI experimentation. Over nearly two decades at Google, Dmitri has shaped how people interact with technology—from helping build Chrome and pioneering Web Components to exploring how artificial intelligence can amplify human thought. His work focuses on designing systems that think with us, not for us, making creativity more accessible to everyone. Resources Mentioned:Opal: https://opal.withgoogle.comDmitri's Blog: https://glazkov.comDart and Dmitri's article, “The Unvarying Infrastructure of Variation”: https://read.fluxcollective.org/p/69Connect with Dmitri:LinkedIn: https://www.linkedin.com/in/dglazkov Work with Dart:Dart is the CEO and co-founder of the work design firm 11fold. Build work that makes employees feel alive, connected to their work, and focused on what's most important to the business. Book a call at 11fold.com.

This week on JavaScript Jabber, we dive deep into the challenges and opportunities of mixing and matching frontend frameworks in modern applications. I'm joined by Dan Shapir, Steve Edwards, and our special guest Hadar Geva, CTO and co-founder of Myop.dev. Together, we explore how companies are tackling multi-framework environments, the role of web components and iframes, and why module federation isn't always as simple as it sounds.We also take a closer look at how AI is changing the way developers and even non-developers generate code, the risks of integrating AI-written components, and strategies for safely managing that code in production. If you've ever struggled with legacy frameworks, integrating AI-generated components, or wondered whether web components or local iframes are the better fit—this episode is packed with insights you won't want to miss.Links & ResourcesMyop.dev – Hadar's company, building solutions for mixing and managing micro-frontends.Web Awesome – Web components library mentioned during picks.AG Grid – Heavy-duty data grid solution.TanStack Table – Lightweight table solution by Tanner Linsley.ShadCN UI – Component library for modern React apps.Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

In this repeat episode, Chris Coyier, co-founder of CodePen, talks about the evolving landscape of HTML heading into 2025. He delves into topics like the slow evolution of HTML compared to CSS and JavaScript, the importance of backwards compatibility, new HTML elements and pseudo-elements, and the potential of declarative shadow DOM for server-side rendering in web components. Links Website: https://chriscoyier.net Codepen: https://codepen.io/chriscoyier Frontend Social: https://front-end.social/@chriscoyier Github: https://github.com/chriscoyier Threads: https://www.threads.net/@chriscoyier Bluesky: https://bsky.app/profile/chriscoyier.net We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Em, at emily.kochanek@logrocket.com (mailto:emily.kochanek@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understanding where your users are struggling by trying it for free at LogRocket.com. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guest: Chris Coyier.

In this special episode of Liquid Weekly, Karl and Taylor sit down with Brett, Staff Engineer at Shopify, to unveil an exciting new project: Storefront Web Components.This groundbreaking initiative aims to make Shopify integration accessible to anyone with basic HTML knowledge, allowing merchants to embed commerce functionality anywhere on the web.Episode Highlights:Introduction to Storefront Components and their visionDeep dive into component architecture and implementationHow to handle variants, cart functionality, and market-specific featuresDiscussion of development process at ShopifyComparison with existing solutions like Buy Button SDKFuture roadmap and potential use casesFind Brett OnlineTwitter(X): https://x.com/little_bretLinkedIn: https://www.linkedin.com/in/bretlittle/ Website: https://www.bretlittle.com/ Github: https://github.com/blittle Bluesky: https://bsky.app/profile/bretlittle.comInstagram: https://www.instagram.com/bret.little/ Timestamps:00:00 - Introduction05:30 - What are Storefront Components?15:45 - Technical Implementation Details30:20 - Component Demo45:10 - Development Process at Shopify52:30 - Future Plans57:00 - Picks of the WeekResources:Storefront Web Components: https://webcomponents.shopify.devPlayground: https://webcomponents.shopify.dev/playgroundShopify Editions Summer ‘25: https://www.shopify.com/editions/summer2025Blog post: https://www.shopify.com/news/summer-25-edition-devShopify Headless Documentation: https://shopify.dev/docs/storefronts/headless Web Components Documentation: https://developer.mozilla.org/en-US/docs/Web/API/Web_components Picks of the Week:Brett: Microsoft TypeScript Go Announcement & AI Assistant ArticleKarl: Ben McIntyre's SAS History BooksTaylor: Naked Nutrition Protein PowderSign Up for Liquid Weekly:Don't miss out on expert insights and tips—subscribe to Liquid Weekly for more content like this: https://liquidweekly.com/

Carson Gross, creator of HTMX, talks about its evolution from intercooler.js, its viral rise on social media, and its philosophy of simplicity and stability. They dive into how HTMX fits into the modern web dev ecosystem, the idea of building 100-year web services, and why older technologies like jQuery and server-side rendering still have staying power. Carson also shares insights on open-source marketing, progressive enhancement, and the future of web development. Links https://bigsky.software https://www.linkedin.com/in/1cg https://github.com/bigskysoftware https://x.com/htmx_org https://htmx.org https://htmx.org/discord https://hypermedia.systems https://github.com/surrealdb/surrealdb.js https://unpoly.com https://ui.shadcn.com We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Carson Gross.

Show DescriptionDavid Darnes joins us to talk about his work on the Nord design system, writing web components, working with embeds and web components, thoughts on building a progress bar or notification component, keeping design systems and design tools in sync, and tricks for components and variables. Listen on Website →GuestsDavid DarnesGuest's Main URL • Guest's TwitterDesigner, Front-end Developer & Writer. Links Nord Health Ariel Salminen Design Systems WTF Awesome Standalones DesignSystems.wtf SponsorsJellyKeeping up with customer emails shouldn't feel like flying a 747. Jelly's team email inbox makes it easy and affordable: one flat price per team, not per user. No surprise bills—just a simple shared inbox that helps your team respond faster, stay organized, and keep customer conversations flowing smoothly. Try Jelly now for free and get 15% off!

We cover how the Shadow DOM encapsulates styles and behavior, why it matters for Drupal theming, and how Web Components fit into modern workflows.

Wes and CJ talk with Paulus Schoutsen, creator of Home Assistant, about the future of smart homes, AI-powered automation, and open-source innovation. Show Notes 00:00 Welcome to Syntax! 00:29 What is Home Assistant? 03:32 Web Components in Home Assistant Home Assistant Frontend 10:41 Home Assistant's stability and longevity 17:05 Is Home Assistant the biggest open-source project using web components? 20:03 How does the native app work? 23:34 Code sharing between Android and iOS 24:17 Self-hosting Home Assistant 28:13 Brought to you by Sentry.io 30:47 Bundle size and memory usage 32:29 How AI and voice assistants are shaping the future of Home Assistant Talking with Home Assistant 37:16 How Paulus made it possible to flash microcontrollers directly from the browser Open Home Foundation 43:48 Web Serial and Web Bluetooth APIs 47:03 Matter, Zigbee, and Z-Wave – where smart home standards are headed Matter Zigbee Z-Wave 51:17 Paulus' smart home setup Reolink Yale 53:16 Sick Picks + Shameless Plugs Andrew Schmelyun Sick Picks Paulus: Bambu 3d Printer Shameless Plugs Paulus: Nabu Casa 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

Chris Coyier, co-founder of CodePen, talks about the evolving landscape of HTML heading into 2025. He delves into topics like the slow evolution of HTML compared to CSS and JavaScript, the importance of backwards compatibility, new HTML elements and pseudo-elements, and the potential of declarative shadow DOM for server-side rendering in web components. Links https://chriscoyier.net https://codepen.io/chriscoyier https://front-end.social/@chriscoyier https://github.com/chriscoyier https://www.threads.net/@chriscoyier https://bsky.app/profile/chriscoyier.net We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Chris Coyier.

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

In this episode of the Modern Web Podcast, Rob Ocel and Danny Thompson chat with Lawrence Lockhart, Developer Advocate at Vaadin, about using Java on the front end. Lawrence introduces Vaadin's frameworks, Flow and Hilla, which empower Java developers to build full-stack applications without needing JavaScript. They discuss Vaadin's web components, built-in accessibility, seamless integration with Spring Boot, and how it simplifies complex web applications for enterprise use. Chapters 00:03 - Introduction 01:02 - What is Vaadin and Full-Stack Java 03:12 - Why Use Vaadin? 05:58 - Vaadin's Communication Layer 08:13 - Vaadin vs. Traditional Front-End Frameworks 11:04 - Flexibility and Support for Web Components 15:14 - Micro Front-Ends and Cross-Team Collaboration 17:57 - Accessibility in Vaadin 19:27 - Sponsor Break 20:37 - Vaadin's Backend Integration 22:39 - Power of Web Components in Vaadin 24:07 - Open Source and Community 26:15 - Testing with Vaadin 27:02 - Success Stories with Vaadin 30:09 - Customization and Theming in Vaadin 32:51 - Danny's Perspective on Vaadin 34:02 - Conclusion and Closing Remarks Follow Lawrence Lockhart on Social Media Twitter: https://x.com/LawrenceDCodes Linkedin: https://www.linkedin.com/in/lawrencelockhart/ Github: https://gist.github.com/lawrencedcodes/forked Sponsored by This Dot: thisdot.co

Vercel CPO, Tom Occhino, joins Jerod for a one-on-one covering React & Next's past, present & future. We discuss the birth of React, Tom's move to Vercel, deploying Next apps to non-Vercel hosts, React as the next jQuery, the viability of Web Components, Vercel customers getting surprise bills & so much more.

Vercel CPO, Tom Occhino, joins Jerod for a one-on-one covering React & Next's past, present & future. We discuss the birth of React, Tom's move to Vercel, deploying Next apps to non-Vercel hosts, React as the next jQuery, the viability of Web Components, Vercel customers getting surprise bills & so much more.

Show DescriptionRiffing off a Dave Rupert blog post, Chris and Dave talk through the pros and cons of web components, when to use them, when it's a bad idea to use them, what would it take to make the Next.js of web components, and how long until we don't need anymore frameworks? Listen on Website →Links Where web components shine - daverupert.com Fluent UI - Get started - Fluent UI React Website Improvement Begin Team to Join Eleventy Generator Components URLPattern Polyfill SponsorsBluehostFind unique domains, web hosting, and WordPress tools, all in one place. Empower your business or digital agency with Bluehost.

In a special guest episode, Rob Eisenberg joins the podcast to talk about the role web components play in today's web development ecosystem. Rob is uniquely qualified to discuss web components, as the former architect for Microsoft's web component tech stack, FAST, used by about 1,500 internal MSFT teams, and creator of the Web Component Engineering course. Special Guest(s):Rob Eisenberg, Founder and Chief Software Architect at Blue Spire, former architect for Microsoft's FAST Web Components technology, creator of the Web Component Engineering course, and Web Standards advocate. Rob on Twitter @EisenbergEffectRob's Web Component Engineering courseRob on LinkedInRob on GitHubRob on MediumWhat Makes Us Happy this Week:Paige - Da Vinci Eye appTJ - GitHub Copilot updatesRob - Buttermilk PancakesThanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, explore our website and reach us via email, or Tweet us on X @front_end_fire and BlueSky.Front-end Fire websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fireFollow us on Bluesky @front-end-fire.com

Anthony Alaribe, co-founder of API Toolkit, discusses the power of the browser for building data-heavy applications. He talks about myths around single-page apps versus multi-page apps, leveraging tools like HTMX and Workbox, and the significance of browser-native features for interactive web development. Links https://htmx.org https://tonyalaribe.medium.com https://x.com/tonialaribe https://github.com/tonyalaribe https://www.linkedin.com/in/anthony-alaribe-293a41bb We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket provides AI-first session replay and analytics that surfaces the UX and technical issues impacting user experiences. Start understand where your users are struggling by trying it for free at [LogRocket.com]. Try LogRocket for free today.(https://logrocket.com/signup/?pdr) Special Guest: Anthony Alaribe.

Jerod & KBall discuss a trio of goings on in/around the web dev world: Evan You's new startup, Matt Mullenweg's WordPress mess & Ryan Carniato's WebComponents debate.

Jerod & KBall discuss a trio of goings on in/around the web dev world: Evan You's new startup, Matt Mullenweg's WordPress mess & Ryan Carniato's WebComponents debate.

Show DescriptionWe're getting some feelings out about WordPress and Matt Mullenweg vs WP Engine drama, as well as the Web Components conversation that happened this past week. Listen on Website →Links WP Engine sues WordPress co-creator Mullenweg and Automattic, alleging abuse of power | TechCrunch Automattic demanded a cut of WP Engine's revenue before starting WordPress battle - The Verge WP Engine Banned from Using WordPress.org Resources – WP Tavern The WordPress vs. WP Engine drama, explained | TechCrunch Matt Mullenweg: ‘WordPress.org just belongs to me' - The Verge WP Engine Term Sheet Theo and Matt Mullenweg Matt Discusses WordPress WCUS 2024 Q&A Modern WordPress Learning Automattic | Five for the Future | WordPress.org Automattic Alignment Matt Mullenweg Calls Out GoDaddy Matt Mullenweg Charitable Contributions Lee Wittlinger Location WebOps Platform WP Engine Hacker Interview WordPress.com WordPress Hosting Web Components Present Web Components Are Not the Future Sponsors

WP Engine is taking Automattic and Matt Mullenweg to court. The complaints are numerous and juicy: extortion, libel, slander, and include screenshots of text messages, tweets, and emails that look pretty damning against Automattic. The whole story has “Made for TV documentary” written all over it.In slightly less controversial news, React 19 has renamed its Server Actions to Server Functions. This name change brings React's server functions more in line with other frameworks who support the same sort of functionality like SolidJS, Astro, TanStack Start, and others.Also in a follow up from the last episode where we talked about a new addition to the Web Components world allowing for web components with SSR via the Declarative Shadow DOM, a good number of JavaScript framework creators shared their misgivings about the creation of Web Components. Ryan Carniato and Rich Harris were two of the most vocal, and basically said WCs have made their work writing frameworks harder, not easier, and WCs are not the future.News:Paige - Web components are not the future according to JS framework authors Ryan Carniato (Solid JS) and Rich Harris (Svelte JS)Jack - Server Actions become Server Functions in React 19TJ - Wordpress vs. WP Engine drama continuesBonus News:OpenAI raises $6.6 billionWaymo is coming to Austin and AtlantaFire Starters:What Makes Us Happy this Week:Paige - The Tourist seriesJack - The Wild Robot movieTJ - Adafruit sensorsThanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, explore our website and reach us via email, or Tweet us on X @front_end_fire and BlueSky.Front-end Fire websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fireFollow us on Bluesky @front-end-fire.com

OpenFreeMap puts OpenStreetMap data on your website for free, Fatih Arslan builds a Dieter Rams inspired iPhone dock, Joseph Gentle thinks the Rust programming language feels like a first-gen product & the web dev community is debating the viability of Web Components once again.

OpenFreeMap puts OpenStreetMap data on your website for free, Fatih Arslan builds a Dieter Rams inspired iPhone dock, Joseph Gentle thinks the Rust programming language feels like a first-gen product & the web dev community is debating the viability of Web Components once again.

OpenFreeMap puts OpenStreetMap data on your website for free, Fatih Arslan builds a Dieter Rams inspired iPhone dock, Joseph Gentle thinks the Rust programming language feels like a first-gen product & the web dev community is debating the viability of Web Components once again.

This episode kicks off with the new Deno 2 release candidate. V2 boasts improved dependency management, updates to the APIs and CLI, and improved CommonJS support because even though ESM is the future, so much good stuff in the JS ecosystem still runs on CJS. Web Components take a big step forward in terms of wider spread adoption with the adoption of the Declarative Shadow DOM by all major browsers back in August. The Shadow DOM (a Web Components standard) provides a way to scope CSS styles to a specific DOM subtree and isolate the subtree so the element can be reused without fear of script conflicts or unexpected CSS cascades. But it only worked on the client side. The Declarative Shadow DOM removes this limitation and now things like SSR, streaming data, and server rendering styles are possible.Because the web development world can never be without some good drama going down, we now present for your viewing pleasure: the drama between WordPress and WP Engine.News:Paige - Declarative Shadow DOM for Web ComponentsJack - Deno 2 release candidateTJ - Wordpress vs WP Engine dramaBonus News:We're on Bluesky now @front-end-fire.com! Follow us!Cloudflare AI AuditOpenAI departuresState of HTML surveyFire Starters:autocomplete attributeWhat Makes Us Happy this Week:Paige - Stuff You Should Know podcastJack - Actual typewriters at The Type Space storeTJ - Detroit TigersThanks as always to our sponsor, the Blue Collar Coder channel on YouTube. You can join us in our Discord channel, explore our website and reach us via email, or Tweet us on X @front_end_fire.Front-end Fire websiteBlue Collar Coder on YouTubeBlue Collar Coder on DiscordReach out via emailTweet at us on X @front_end_fireFollow us on Bluesky @front-end-fire.com

Show DescriptionA bit of follow-up on vibe driven development and JavaScript not causing The Great Divide, writing testing automation, global design systems and web components, could PHP be used for web components, what if view transitions are going to be everywhere, and frontend engineer vs design systems engineer job titles and descriptions. Listen on Website →Links Trust the vibes We don't need a boss, we need a process | Miriam Eric Suzanne The Great Divide JavaScript and The Great Divide 346: Is There a Great Divide? Kevin Powell | CSS Evangelist Javascript Testing Frameworks Design System Comparison Global Design System Brad Frost Design Frostapalooza Concert Val Head Sharpen your thinking Sheelah Brennan's Engineer Comparison Turkey Sounds SponsorsJam.devOne click bug reports devs love. Find out more at jam.dev

Today, we have a phenomenal session with our special guest, Christian Bromann, the visionary full-stack engineer behind the open-source WebDriverIO automation framework. Join us as we explore the practical benefits of WebDriverIO version 9's new features. These include WebDriver Bidi Enhancements, New URL Command Parameters, Automatic Piercing of Web Components, iFrames, Shadow DOMs, and more. Christian will share invaluable insights on the importance of responsible web API overrides, improvements in serialization, viewport management, and the exciting new OCR testing feature. We'll also touch on WebDriverIO's future directions, including UI enhancements and a new application to aid developers during testing. Whether you're a seasoned automation expert or just starting out, this episode offers a wealth of knowledge and opportunities to contribute to the world of WebDriverIO. Listen in, and get ready to elevate your automation game!  

In this episode, Jake and Surma chat about web components. Why they were invented, what they're useful for, and how they would improve. Resources: Surma showers his eyeball. The old custom elements 'v0' spec. The old shadow DOM 'v0' spec. The old HTML imports spec. The initial version of Polymer. Lit (formally lit-html). HTML attributes vs DOM properties. Issue looking at ways custom elements could have  behavior. The ElementInternals API, for making custom elements interact with forms. The is attribute. WebKit's position on the is attribute. Programmatically assigning children to slots. Issue looking at ways to slot children that aren't direct children of the shadow host. Declarative shadow DOM. Custom element support in React 19. pinch-zoom custom element.

Join Emily and PodRocket hosts Noel and Paul as they revisit predictions from last year, dive into the latest announcements from Vercel Ship including React 19 and Next.js 15, explore the merging of Remix into React Router, and share their hot takes on current industry trends. Links https://www.linkedin.com/in/noel-minchow https://www.linkedin.com/in/paul-mikulskis-37a50b4a https://x.com/emily_kochanek https://www.linkedin.com/in/emily-kochanek-11582750/ We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanek@logrocket.com (mailto:emily.kochanek@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr)

In this episode, Jason, Chris, and Andrew reflect of their experiences of developing software, focusing on aspects such as the Fast and Furious franchise, writing in Ruby, React development, and grappling with OAuth 2.0 issues. They dive into testing, specifically the challenges of maintaining a meaningful test suite and the revelations from addressing test suite problems. A discussion on containerization touches on Docker and CI setup frustrations, while also exploring web accessibility standards and the potential of Web Components, specifically through the new Web Awesome project. The conversation takes us through various technical and personal insights, highlighting the continual learning and adaptation inherent in software development. Press download to hear much more! Panelists:Jason CharnesChris OliverAndrew MasonLinks:Jason Charnes X/TwitterChris Oliver X/TwitterAndrew Mason X/TwitterOnce a Maintainer: Rafael FrançaOrbStackLobAhoy.jsFont AwesomeShoelaceKickstarter for Web Awesome by Font AwesomeRuby for All Podcast

Brian LeRoux joins Jerod to share how the Enhance team are bringing server side rendered web components to everyone. With Enhance WASM, you author components in friendly, standards based syntax and reuse them across multiple languages, frameworks & servers.

Font Awesome is back with Web Awesome, an open source library of web components that will work with any framework because it's based on standards. Today on Syntax we have Konnor Rogers and Cory LaViska here to talk all things Web Awesome. Show Notes 00:00 Welcome to Syntax! 00:47 Brought to you by Sentry.io. 02:49 What is Shoelace? 07:21 What is Font Awesome? 08:07 Font Awesome is getting into Web Components? 11:35 What is Shoelace's relationship with Web Awesome? 13:33 Is the idea to make it quick to get up and running? 15:46 What is the autoloader? 16:29 Where does Web Awesome fit in the ecosystem? 18:13 What does the styling game look like? 20:33 What is Part in CSS? CSS Part mdn web docs 22:06 The reason we're so stoked with Web Components. 23:32 Custom elements are a natural progression. 24:51 What are your thoughts on Open UI initiatives? Floating UI Close Watcher Can I Use 27:40 Wes' escape key conundrum. 30:21 A bug on the Syntax site. 31:19 Let's talk about Kickstarter. 35:24 Do you know what premium inputs will be available in Web Awesome? 36:12 Rich text editor. 40:18 Setting goals. 41:48 Kickstarter giveaways. 42:47 Have you tried drag and drop? Pragmatic Drag and Drop 44:57 The layout component. 48:50 What are your favorite components? 50:29 Sick Picks + Shameless Plugs. Sick Picks Konnor: Enhance.dev, Extism.org Cory: Lit.dev Shameless Plugs Cory: Kickstarter Konnor: Everyone involved in open UI 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

Which framework is best? Join Scott and Wes as they chat with Corbin Crutchley, author of the “Framework Field Guide”, diving into the world of frameworks, metaframeworks, and tips to stay up-to-date on the latest trends in web development. Show Notes 00:00 Welcome to Syntax! 00:48 Who is Corbin Crutchley? 02:08 Brought to you by Sentry.io. 02:32 Hilton, like the hotel? 05:57 What is the best framework? 07:23 How do you compare these frameworks? 10:00 Do you feel like the metaframeworks are comparable? 11:02 Exciting announcements from ng-conf? 11:42 Are Wiz and Angular merging? 14:17 Angular signals and Vue comparison. PreactJS Signals 17:53 Adding signals to vanilla JavaScript and browsers. 21:02 What is derived state? 23:11 How can we store state within these different frameworks? 24:37 Passing children. 26:40 Which has the best implementation for passing children? 28:52 What's the approach for building framework agnostic components? TanStack Store 30:31 How much of it is framework specific? 31:35 Headless or DOM-based? 32:48 What are the best practices for writing this? 35:28 What's the biggest framework pain point? 36:21 Is there a language that requires significantly more code? 38:52 What about Web Components? 39:58 Your book is free? Framework Field Guide Shout-out Eduardo Pratti and Kevin Aguilar. 42:42 What's the process of writing a book like this? 45:44 Not a physical book? 46:17 Walk us through the tech stack. 48:27 Supper Club Questions. 48:33 What text editor, theme and font do you use? 49:53 What terminal and shell do you use? 50:19 How do you stay up to date? 53:39 Do you have advice for beginners? 55:26 Sick Picks + Shameless Plugs. Sick Picks Corbin: Shiki Syntax Highlighter Shameless Plugs Corbin: Framework Field Guide 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

In this month's panel episode, we talk to Cassidy Williams, Michael Chan, and Atila Fassina about why web components are having a moment, mounting frustrations with React, and our guests' hottest takes on web development. Links Cassidy Williams https://cassidoo.co https://github.com/cassidoo https://twitter.com/cassidoo https://codepen.io/cassidoo https://www.linkedin.com/in/cassidoo https://www.patreon.com/cassidoo Michael Chan https://twitter.com/chantastic https://chan.dev/ https://www.youtube.com/@chantastic https://github.com/chantastic https://www.linkedin.com/in/chantastic Atila Fassina https://twitter.com/AtilaFassina https://atila.io/ https://github.com/atilafassina https://www.linkedin.com/in/atilafassina https://www.youtube.com/AtilaIO https://mas.to/@atila We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guests: Atila Fassina, Cassidy Williams, and Michael Chan.

Web components are having a renaissance and Chris Ferdinandi, educator and consultant, returns to the podcast to talk about web components, what they are, and why devs should consider using them. Links https://gomakethings.com https://twitter.com/ChrisFerdinandi https://www.linkedin.com/in/cferdinandi https://github.com/cferdinandi https://www.youtube.com/@gomakethings https://mastodon.social/@cferdinandi We want to hear from you! How did you find us? Did you see us on Twitter? In a newsletter? Or maybe we were recommended by a friend? Let us know by sending an email to our producer, Emily, at emily.kochanekketner@logrocket.com (mailto:emily.kochanekketner@logrocket.com), or tweet at us at PodRocketPod (https://twitter.com/PodRocketpod). Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guest: Chris Ferdinandi.

Show DescriptionThoughts on smashing all communication messaging apps together, what's happened to Tumblr under Automattic, what the situation is with native web components and JavaScript, and looking at a list of types of blog posts. Listen on Website →Links Combined Messaging Apps – Chris Coyier Adium - Download Beeper XMPP Texts Automattic CEO Matt Mullenweg details Tumblr's future after re-org Matrix.org Web Components | Learn to Create Web Components | Frontend Masters HTML Web Components - Jim Nielsen's Blog Uncluttered – Baldur Bjarnason Luro | Build a design system and track component usage, adoption, and success across your entire product. Apple Annie's Weblog · Types of blog posts. Email is good. – A site about email productivity. Fastmail | We Respect Your Privacy & Put You in Control The ‘Enshittification' of TikTok | WIRED Pushing back on unconstrained capitalism with Cory Doctorow (Changelog Interviews #565) |> Changelog Julia Evans Sponsors

Show DescriptionElliot Marquez talks with us about the history of Polymer and Lit, why you should pick Lit, working with web components, the shadow dom, managing state, and how Material design is built with web components. Listen on Website →GuestsElliot MarquezGuest's Main URL • Guest's TwitterFront-end software development for Google's Lit team. Links webcomponents.org Lit esm.run by jsDelivr - A New-Age CDN for JavaScript modules davatron5000/fit-vids: Web Component version of FitVids from the creator of FitVids Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Material Web Discord Sponsors

In this week's roundup, we talk about why PHP doesn't suck, when to use web components, and the trade-offs of using reusable components. Links Apple PHP doesn't suck (anymore) with Aaron Francis: https://apple.co/3PITVrH What web components are good at with Nolan Lawson: https://apple.co/3LLBOzl Creating reusable components with Cory House: https://apple.co/3sYO20A Spotify PHP doesn't suck (anymore) with Aaron Francis: https://spoti.fi/46kaWhF What web components are good at with Nolan Lawson: https://spoti.fi/3PgTZ0I Creating reusable components with Cory House: https://spoti.fi/44SLM8u Google PHP doesn't suck (anymore) with Aaron Francis: https://bit.ly/48ngIk6 What web components are good at with Nolan Lawson: https://bit.ly/3PezxgV Creating reusable components with Cory House: https://bit.ly/45M0WxO Tell us what you think of PodRocket We want to hear from you! We want to know what you love and hate about the podcast. What do you want to hear more about? Who do you want to see on the show? Our producers want to know, and if you talk with us, we'll send you a $25 gift card! If you're interested, schedule a call with us (https://podrocket.logrocket.com/contact-us) or you can email producer Kate Trahan at kate@logrocket.com (mailto:kate@logrocket.com) Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guests: Aaron Francis, Cory House, and Nolan Lawson.

Web components can be divisive, but Nolan Lawson, Web Developer at Salesforce, talks about why and when developers should use web components. Links https://github.com/nolanlawson https://toot.cafe/@nolan https://nolanlawson.com/2023/08/23/use-web-components-for-what-theyre-good-at Tell us what you think of PodRocket We want to hear from you! We want to know what you love and hate about the podcast. What do you want to hear more about? Who do you want to see on the show? Our producers want to know, and if you talk with us, we'll send you a $25 gift card! If you're interested, schedule a call with us (https://podrocket.logrocket.com/contact-us) or you can email producer Kate Trahan at kate@logrocket.com (mailto:kate@logrocket.com) Follow us. Get free stickers. Follow us on Apple Podcasts, fill out this form (https://podrocket.logrocket.com/get-podrocket-stickers), and we'll send you free PodRocket stickers! What does LogRocket do? LogRocket combines frontend monitoring, product analytics, and session replay to help software teams deliver the ideal product experience. Try LogRocket for free today. (https://logrocket.com/signup/?pdr) Special Guest: Nolan Lawson.

Do you listen at 2x? Do Chris and Dave sound weird at normal speed IRL? How searching compares to using AI, chatbots kind of suck at context, getting a designer to work with developers at an agency, what happened to content visibility, and how to best build a design system using web components.

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 - Sponsor 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. Show Notes 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/ 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 ××× ××× SIIIIICK ××× PIIIICKS ××× The Last of Us | Official Website for the HBO Series | HBO.com Shameless Plugs Lit Lit Discord Tweet us your tasty treats Scott's Instagram LevelUpTutorials Instagram Wes' Instagram Wes' Twitter Wes' Facebook Scott's Twitter Make sure to include @SyntaxFM in your tweets

In this potluck episode, Scott and Wes talk home electicity, and then answer your questions about native web components, JS class mixins, JavaScript for marketers, managing application secrets, and more! Sentry - Sponsor 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. Show Notes 00:10 Welcome 01:09 Sponsor: Sentry 02:18 Electrical house update Klien Wirestrippers 07:45 Custom Syntax podcast browser Custom Syntax browser 09:29 When using browser native web components (i.e. extends HTMLElement), should the whole application be wrapped in a component tree similar to how React apps do it? Deno Using Web Components with Next or any SSR Framework 16:12 Should I avoid JS/TS class mixins? 21:07 Is it acceptable to have any string value as a value for a CSS custom property? 26:48 Should agencies consider building marketing sites with JS frameworks or is Wordpress still the best option here? 33:56 What are the main things to think about when laying the foundations for an app or project that will hopefully grow into something big? 41:24 Will Javascript skills give me an edge over other local digital marketers? WordPress Ghost 46:00 What tool, if any, do you use for publishing packages? 50:19 Do you have any suggestions on how I can find time to code more? Bit 54:17 how do you both manage your application secrets (API keys, database credentials etc) when deploying to Digital Ocean or Linode? 58:52 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Scott: Physical 100 Wes: Leviton D23LP-2RW Decora Smart Wi-Fi Mini Plug-In Dimmer Tweet us your tasty treats Scott's Instagram LevelUpTutorials Instagram Wes' Instagram Wes' Twitter Wes' Facebook Scott's Twitter Make sure to include @SyntaxFM in your tweets