World Congress 2022 • Jun 15, 2022

Extending HTML with Web Components

Tired of rewriting the same UI components for React, Vue, and Angular? Discover how vanilla Web Components deliver framework-agnostic, encapsulated elements that save enterprise time.

Starting at 4:36 · Watch from the beginning

Extending HTML with Web Components thumbnail

Checking access…

Playback and chapters load privately for Free videos.

Matching moments

4:56 min

Understanding standard technologies behind web component architecture

Manuel Mauky · World Congress 2023

2:43 min

Leveraging web components for independent UI elements

Lucien Immink · LIVE

4:38 min

Core browser standards supporting custom web components

Tobias Münch

Tobias Münch · JS Congress

1:52 min

Building isolated UI elements using standard web components

Lucien Immink · World Congress 2023

3:44 min

The role of web components in modern web development

Keith Cirkle · Coffee With Developers

7:10 min

Building framework-less architectures with native custom web components

Christian Liebel

Christian Liebel · World Congress 2022

More from World Congress 2022

What the heck do "declarative" and "reactive" actually mean? thumbnail

What the heck do "declarative" and "reactive" actually mean?

André Kovac

The Design and Evolution of C++ thumbnail

The Design and Evolution of C++

Bjarne Stroustrup

But, you're not Facebook thumbnail

But, you're not Facebook

Kristijan Ristovski

Communicate efficiently with Software Architecture Diagrams thumbnail

Communicate efficiently with Software Architecture Diagrams

Simon Lasselsberger

Get Ready for Jakarta EE 10! thumbnail

Get Ready for Jakarta EE 10!

Ivar Grimstad · Jakarta EE

Keep your code refactorable thumbnail

Keep your code refactorable

Gerrit Stapper

Upcoming sessions on this topic

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

Vidhya Krishnamoorthy

Morgan Stanley

VP, Software Engineering Manager

React Under Fire: Rendering Performance for Streaming Agent UIs

Abhirupa Mitra

Slack

Senior Member of Technical Staff

The Death of Manual Memoization: High-Performance React 19 for the Scaling Startup

Vishnudhasan Govindarajan

CareStack

Product Engineer

Build a Zero-Cost AI Agent in Your Browser

Aishwarya Mathuria

Adobe

Computer Scientist
Nishant Thakur

Adobe

Senior Computer Scientist

DevOps for React Developers: From Code to Production

Kristiyan Velkov

Docker

Front-End Advocate | Speaker | AI & DevOps Enthusiast | Docker Captain | Tech Blogger | Book Author | 100+ IT Certifications | 30K+ Followers

From Profiler to Production: Measuring What Actually Matters in React & React Native

Andrei Tazetdinov

Dynatrace

React Native Developer

Related videos

Accessibility with Web Components thumbnail

Accessibility with Web Components

Manuel Mauky

World Congress · 2023

Frameworkless: How to use Web-Components in production? thumbnail

Frameworkless: How to use Web-Components in production?

Tobias Münch · Münch Gesellschaft für IT-Solutions mbH

JS Congress · 2021

Building a framework-independent component library thumbnail

Building a framework-independent component library

Tobias Scholz · INNOQ

World Congress · 2025

Keith Cirkle of GitHub on React Fatigue thumbnail

Keith Cirkle of GitHub on React Fatigue

Keith Cirkle

Coffee With Developers · Dec 2024

What’s New and What’s Next in Web UI thumbnail

What’s New and What’s Next in Web UI

Cleyra Uzcategui · JP Morgan & Chase Co.

World Congress · 2024

The Naked Web Developer: Your Browser Is Your Framework thumbnail

The Naked Web Developer: Your Browser Is Your Framework

Avichay Eyal

World Congress · 2021

Related articles

BR

Benjamin Ruschin

The HTML Elements That You’re Probably Over-Engineering

As frameworks have become more and more commonplace in the world of web development, so too has the over-engineering of features made possible by our humble old friend, HTML. The mental models that...

about 1 year ago

HTML elements mocked up with their code

DC

Daniel Cranney

3 JavaScript-Free Techniques for Accordions, Dialogs, and Table of Contents

If you’ve ever read the WeAreDevelopers Magazine before, you’ll know we love showing developers how to take advantage of native platform features and avoid over-engineering UI’s with frameworks or ...

10 months ago

A woman on a laptop with a table of contents showing on the screen

DC

Daniel Cranney

HTML Media Elements and How to Use Them: <video> and <audio>

If you’ve read the WeAreDevelopers Magazine before, you’ll know we’re vocal supporters of the web platform, and of sharing the power of native HTML elements. This time, we’re taking a closer look a...

8 months ago

A wireframe diagram of a video player

DC

Daniel Cranney

The State of HTML 2024: What can we learn from it?

The results of the State of HTML 2024 survey are in! Though the name suggests it’s HTML-only, the survey focuses on the web platform in a more general sense, giving us some fascinating insights int...

almost 2 years ago

The State of HTML 2024: What can we learn from it?

From learning to earning

Jobs that call for the skills explored in this talk.

Senior Web Software Architect, AI Experiences

TeamViewer Germany GmbH

Austin, TX, United States

Expert ReactJS TypeScript TeamViewer

Staff Engineer - Web Platform

Expert Remote Next.js ReactJS Amazon S3

Senior AI Frontend Engineer

TeamViewer Germany GmbH,

Austin, TX, United States

Expert ReactJS TypeScript Material UI

about 2 months ago • Verified

Senior Product Engineer

Blacksmith Software

New York, United States

Expert $200k–300k React

React Engineer For Next.Js Ui - Hybrid, Impactful Fintech

Next.js ReactJS Backend

Senior Software Engineer, React (Investing & Trading)

Remote Next.js ReactJS Caching