WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2025 • Aug 20, 2025 • Session details

Building a framework-independent component library

Tobias Scholz

Ditch endless UI rewrites and break free from framework lock-in. Build a resilient, framework-independent component library using native browser APIs and Lit.

Pause
Mute Enter Fullscreen
#1 about 2 min

The challenges of multiple frontend technology stacks

Using different frameworks on the same site often leads to styling inconsistencies.

#2 about 2 min

What are web components and custom elements

Custom elements extend standard browser elements through dedicated JavaScript classes defining native-like behaviors.

#3 about 2 min

Comparing light DOM and shadow DOM encapsulation

Encapsulating styling within a shadow document object model prevents cascading style sheet conflicts globally.

#4 about 4 min

Live coding vanilla web components without libraries

Setting up custom elements manually involves bootstrapping nodes, attaching shadow roots, and manually registering tags.

#5 about 2 min

Simplifying component development with Vite and Lit

Adopting modern bundlers and structural wrappers significantly streamlines custom element creation.

#6 about 4 min

Comparing vanilla web component code to Lit implementations

Extending a dedicated library automatically handles underlying template rendering and improves syntax ergonomics.

#7 about 3 min

Wrapping legacy external components for slow migrations

Encapsulating purchased third-party widgets allows incremental migrations while maintaining consistent visual styling locally.

#8 about 2 min

Building interactive component documentation pages with Storybook

Interactive documentation platforms empower engineers to test component parameters and quickly copy integration code.

#9 about 3 min

Real-world web components in the Carbon design system

Reviewing an open source enterprise repository demonstrates how complex open UI libraries scale with standardized technologies.

Matching moments

7:10 min

Building framework-less architectures with native custom web components

Christian Liebel Christian Liebel · World Congress 2022

4:23 min

Building a framework-agnostic design system with web components

Manuel Mauky · World Congress 2023

4:56 min

Understanding standard technologies behind web component architecture

Manuel Mauky · World Congress 2023

5:59 min

Integrating web components across popular javascript frameworks

Rowdy Rabouw Rowdy Rabouw · World Congress 2022

3:46 min

The rise of modern component-based frameworks and modular architecture

Sasha Shynkevich · LIVE

48 sec

Exploring alternative build tools and experimental web components

Sasha Shynkevich · LIVE

More from World Congress 2025

GenAI Security: Navigating the Unseen Iceberg thumbnail
24:33
11 months ago

GenAI Security: Navigating the Unseen Iceberg

Maish Saidel-Keesing

Behind the Code: How Women Are Powering the Future of AI thumbnail
30:28
about 1 year ago

Behind the Code: How Women Are Powering the Future of AI

Alexandra Wudel, Laura Moritz, Madalina Florean

The AI Hype Filter: What’s Real, What’s Investable, What’s Noise? thumbnail
28:12
about 1 year ago

The AI Hype Filter: What’s Real, What’s Investable, What’s Noise?

Justus Lumpe, Konstantin Vinogradov, Nils Eiteneyer, Stephan Wirris

AI in Leadership: How Technology is Reshaping Executive Roles thumbnail
28:19
about 1 year ago

AI in Leadership: How Technology is Reshaping Executive Roles

Bernd Datler, Jasmin Kaiser, Jeff Hausmann, Sonja Alvarez

The AI-Ready Stack: Rethinking the Engineering Org of the Future thumbnail
28:09
about 1 year ago

The AI-Ready Stack: Rethinking the Engineering Org of the Future

Alex Laubscher, Jan Oberhauser, Keno Dreßel, Mirko Novakovic

AI Sovereignty: What Does It Take? thumbnail
29:13
about 1 year ago

AI Sovereignty: What Does It Take?

Boris Hecker, Clemens Wasner, Robin Hermann, Sonja Alvarez

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 25, 2026 · 11:00–11:30

Stage 7

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer at Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

September 24, 2026 · 12:50–13:20

Stage 7

Architecting Agentic Apps: WebMCP, A2UI, and Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

September 24, 2026 · 16:10–16:40

Outdoor Stage

When Humans Stop Writing Code: Rethinking Languages, Compilers, and Responsibility

Simon Auer

Organizer of flutter vienna meetup and CEO of marqably

Simon Auer
Open session

World Congress 2026 North America

September 25, 2026 · 09:40–10:10

Stage 3

Still on 4.8 or lower? A Practical Guide to Moving Your "Un-Migratable" .NET Apps

Isaac Levin

Developer Advocate

Isaac Levin
Open session

World Congress 2026 North America

September 25, 2026 · 15:30–16:00

Stage 6

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

September 24, 2026 · 15:30–16:00

Stage 7

Beyond Vibe Coding: Using CLI Tools as Your AI Counterpart in Pair Programming

Ron Veen

Java enthusiast and Special agent for Team Rockstars IT

Ron Veen

Related videos

Why LIT is Fire thumbnail
31:56
World Congress 2023 • almost 3 years ago

Why LIT is Fire

Lucien Immink

Extending HTML with Web Components thumbnail
41:54
World Congress 2022 • about 4 years ago

Extending HTML with Web Components

Rowdy Rabouw

Building a component library for modern challenges thumbnail
29:44
World Congress 2023 • about 3 years ago

Building a component library for modern challenges

Filip Rakowski

Unlocking Seamless Collaboration: Design-First APIs for UI Components thumbnail
28:35
LIVE • almost 2 years ago

Unlocking Seamless Collaboration: Design-First APIs for UI Components

Lucien Immink

On tour with heroes == Moving from Angular to WebComponents thumbnail
43:08
LIVE • almost 6 years ago

On tour with heroes == Moving from Angular to WebComponents

Benjamin Glusa

Keith Cirkle of GitHub on React Fatigue thumbnail
49:32
Coffee With Developers • over 1 year ago

Keith Cirkle of GitHub on React Fatigue

Keith Cirkle

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.