Filip Rakowski

Building a component library for modern challenges

What if the best way to use a component library was to copy its source code? This talk challenges the NPM package model for a more flexible future.

Building a component library for modern challenges
#1about 5 minutes

The limits of prop-based component customization

While component libraries promise acceleration, they often rely on an overwhelming number of props for customization that still fall short of real-world needs.

#2about 4 minutes

The high cost of complex customization abstractions

To go beyond simple props, libraries introduce complex, proprietary abstractions like CSS-in-JS or variable systems that increase cognitive load and learning curves.

#3about 4 minutes

Why opinionated frameworks are not a universal solution

Opinionated UI libraries are not universally effective, as they are often too complex for small projects and not flexible enough for large, pixel-perfect enterprise applications.

#4about 5 minutes

The root problem is shipping upgradeable components

The core issue with UI libraries is the flawed assumption that components should be upgradeable packages, which necessitates fragile abstractions and leads to frequent breaking changes.

#5about 4 minutes

A new approach using copy-pasteable components

A better approach is to provide copy-pasteable components that developers own, which eliminates complex abstractions and provides unlimited customization.

#6about 3 minutes

Combining UI primitives and copy-paste for reusability

A hybrid model solves reusability by shipping granular base components as UI primitives from a package while keeping larger, composed components copy-pasteable.

#7about 2 minutes

Key takeaways for choosing a UI library

Choose libraries based on research for your specific job, not just popularity, and favor simple, less opinionated tools that are more versatile and less risky.

Related jobs
Jobs that call for the skills explored in this talk.

Matching moments

Navigating the growing complexity of modern CSS
09:00 MIN

Navigating the growing complexity of modern CSS

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

Why you might not need JavaScript for everything
02:33 MIN

Why you might not need JavaScript for everything

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

The industry's focus on frameworks over web fundamentals
11:32 MIN

The industry's focus on frameworks over web fundamentals

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

The only frontend stack that truly matters
11:10 MIN

The only frontend stack that truly matters

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Recreating React components using AI and dev tools
04:56 MIN

Recreating React components using AI and dev tools

WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More

Building collaborative design tools and the neo-brutalism trend
03:05 MIN

Building collaborative design tools and the neo-brutalism trend

Slopquatting, API Keys, Fun with Fonts, Recruiters vs AI and more - The Best of LIVE 2025 - Part 2

Improving the developer feedback loop with specialized tools
03:16 MIN

Improving the developer feedback loop with specialized tools

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

How a broken frontend culture impacts the web
04:02 MIN

How a broken frontend culture impacts the web

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Featured Partners

Related Videos

See all videos
Building a framework-independent component library19:46

Building a framework-independent component library

Tobias Scholz

Component styling in a JS world — evolve your mental model41:28

Component styling in a JS world — evolve your mental model

Maximilian Heinrich

Extending HTML with Web Components41:54

Extending HTML with Web Components

Rowdy Rabouw

Unlocking Seamless Collaboration: Design-First APIs for UI Components28:35

Unlocking Seamless Collaboration: Design-First APIs for UI Components

Lucien Immink

Frameworkless: How to use Web-Components in production?46:39

Frameworkless: How to use Web-Components in production?

Tobias Münch

Building Interactive Async UI with React 19 and Ariakit25:22

Building Interactive Async UI with React 19 and Ariakit

Aurora Scharff

Catching up on the basics you don't really need that much code14:44

Catching up on the basics you don't really need that much code

Chris Heilmann

Accessibility with Web Components25:33

Accessibility with Web Components

Manuel Mauky

Related Articles

View all 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 come with using state management in React, Vue and o...
The HTML Elements That You’re Probably Over-Engineering

From learning to earning

Jobs that call for the skills explored in this talk.