Revision 480: Web Component Design mit Joy Heron

from Working Draft · host Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« Schaefer

Episode metadata supplied by the publisher feed · Published Jun 8, 2021

What this episode covers

Fullstack-Entwicklerin, CSS-Feinschmeckerin und Webstandards-Liebhaberin Joy Heron (Twitter, Webseite, Case-Podcast) fand sich im virtuellen Workingdraft-Studio ein, um mit Schepp, Peter und Vanessa über Web Components zu fachsimpeln. UNSER SPONSOR netidee ist die große Internet Förderaktion in Österreich. Bis zu 1. Million Euro liegen im Fördertopf. Gefördert werden innovative Projekte oder Hochschularbeiten, die das Internet weiterentwickeln und einen gesellschaftlichen Mehrwert liefern. Hier kannst du mehr über netidee erfahren. SCHAUNOTIZEN [00:01:36] WEB COMPONENTS UND WEB COMPONENT DESIGN Wir beginnen damit, die Unterschiede zwischen Web Components und Framework-Komponenten herauszuarbeiten und bequatschen dabei mit Custom Elements, Shadow DOM und dem template-Element die wesentlichen Bestandteile von Web Components. Wir besprechen Accessibility-Fragen, wägen HTML-Seiten gegen SPAs ab (relevant: Removing client-side React.js (but keeping it on the server) resulted in a 50% performance improvement on our landing page) und besprechen das Für und Wider von Polyfills für Web Components. Ergebnis: gutes Web-Component-Design braucht keine Polyfills (aber wenn, dann sollte es ein leichtgewichtiger Polyfill sein). Außerdem kommen zukünftige (Deklaratives Shadow DOM) und verflossene (HTML Imports) APIs rund um Web Components zu Sprache. Über die Frage des Einsatzspektrums und denkbarer Alternativen zu sowohl Web Components als auch fetten Frameworks (hyperHTML, µland) kommen wir zu der Frage, welche Wert das Wissen um Webstandards-Basics (mit Event.preventDefault() als Beispiel) heutzutage überhaupt hat. Gegen Ende verweisen wir noch auf die MDN-Doku zu Web Components, Joy’s Talk Web Components: Maintaining and Reusing your Frontend, Brad Frost’s Artikel zu front-of-the-front-end and back-of-the-front-end web development und Joy’s Kompendium Responsible Web Applications. Zudem stellt Peter für frühstens 2027 einen Blogpost über OOP-DOM mit Elementen in Aussicht.

PodParley-generated summary based on available episode metadata and transcript content.

NOW PLAYING

Revision 480: Web Component Design mit Joy Heron

0:00 1:21:31

1×

No transcript for this episode yet

We transcribe on demand. Request one and we'll notify you when it's ready — usually under 10 minutes.

Share this episode

Similar Episodes

Bringing it all together.

Mar 31, 2026 ·54m

Why is the vendor role so contentious in the cyber ecosystem?

Mar 27, 2026 ·14m

But what do you really want?

Mar 24, 2026 ·42m

Strategic approaches to talent: A practical guide.

Mar 20, 2026 ·42m

Mid season reflection with Kim Jones.

Mar 17, 2026 ·41m

Is the role of the CISO adding to the confusion?

Mar 13, 2026 ·44m

Similar Podcasts

CISO Perspectives (public) N2K Networks This season on CISO Perspectives, host Kim Jones explores some of the challenges of leading through uncertainty. We explore the complexity of the changing nature of regulation and working with the federal government, the evolution of privacy and fraud, and how emerging technologies like AI and quantum computing are changing cyber. When you don’t know what questions to ask, you’re afraid to ask, or don’t know who to ask, CISO Perspectives provides the foundation for learning in this brave new world. Carnivores Don't Get Sunburn - Carnivore Diet Talks Carnivores Don't Get Sunburn - Carnivore Diet Talks Welcome to “Carnivores Don’t Get Sunburn,” where we have fun and explore the carnivore diet and its transformative power. Join us as we uncover real stories from individuals who have thrived on this diet, defying convention and embracing optimal health. Plus, stay tuned for our upcoming documentary featuring diverse carnivores overcoming health challenges. Learn more at www.carnivoredietdocumentary.com.Excitingly, we’re working on an upcoming documentary where we’ll feature carnivores from various walks of life, conquering diverse health challenges. Join us on this journey and learn more at www.carnivoredietdocumentary.com.Join us in uncovering the power of the carnivore diet. Prepare to be inspired, informed, and empowered to embrace optimal health and well-being.Welcome to “Carnivores Don’t Get Sunburn: Unveiling Real Stories of the Carnivore Diet.” Stay tuned for our upcoming documentary. Discover how this lifestyle can transform lives. Learn more at www.carnivoredietdocumentary.com Canine Fitness Fanatics Podcast Hannah Johnson Do you think your dog might benefit from a little extra fitness? Maybe you want to tighten those left turns in agility or tighten their box turn in flyball? Or maybe they are a bit clumsy and just need a little more body awareness? Welcome to the Canine Fitness Fanatics podcast! With your host Hannah Johnson join us as we talk dog fitness and other areas of canine health too! Our mission is to help condition dogs to reduce the risk of injury and increase longevity, whether that’s in sporting dogs, working dogs or pet dogs. All dogs can benefit from a little extra fitness! The Ultraspeaking Podcast Tristan de Montebello, Michael Gendler The Ultraspeaking Podcast explores modern-day solutions to greater confidence, skill, and ease when speaking at work. Each episode features the founders, Tristan and Michael, as they detail unconventional strategies to thrive under pressure and speak with less preparation. Working on hand-gestures and eye contact is OUTDATED advice. Writing a script or creating a structure is a TRAP.It’s time for a better way. Join the Ultraspeaking movement and you’ll never look back.

Frequently Asked Questions

How long is this episode of Working Draft?

This episode is 1 hour and 21 minutes long.

When was this Working Draft episode published?

This episode was published on June 8, 2021.

What is this episode about?

Can I download this Working Draft episode?

Yes, you can download this episode by clicking the download button on the episode player, or subscribe to the podcast in your preferred podcast app for automatic downloads.

URL copied to clipboard!