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.
#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
01:28 MIN
Building consistent UIs with an enterprise component framework
Navigating the Corporate Jungle: Life as a Developer in a large Company
01:39 MIN
Solving UI inconsistency across multiple frontend frameworks
Building a framework-independent component library
04:26 MIN
Overcoming collaboration challenges in UI component development
Unlocking Seamless Collaboration: Design-First APIs for UI Components
07:10 MIN
Understanding web components and their core technologies
Accessibility with Web Components
01:19 MIN
Creating a cohesive user experience with design systems
Microfrontends at Scale
01:40 MIN
The technical stack for a multi-framework component library
DB UX Design System – How we’ve open sourced our largest inner source project
03:29 MIN
Why web components are ideal for framework-agnostic UI
Unlocking Seamless Collaboration: Design-First APIs for UI Components
07:16 MIN
Using a single component library for design and code
Breaking Down Silos Between Design and Development
Micro Components - a different approach to a simpler component-based webThere has been a lot of heated discussion lately in the web community about component based development. One side argued that Web Components are a standard we should follow whereas others complained that they still lag behind in what frameworks offer...
Eli McGarvie
Top 10 Svelte UI Libraries in 2025As Svelte gains traction among developers for its impressive performance and simplicity, the need for robust UI libraries becomes increasingly apparent. UI libraries can provide developers with the necessary building blocks to easily create beautiful...
Ashutosh Mishra
16 Best Free React UI Libraries in 2025Web development is moving incredibly fast. New features pop up all the time, but there's one constant issue that keeps coming up: keeping your app's interface looking attractive and impressive. While new features are born and killed as the project gr...
Luis Minvielle
Top 7 CSS Frameworks in 2025What is a CSS framework?A CSS framework comprises multiple ready-to-use CSS libraries for developers and web designers. The stylesheets are prepared for everyday tasks in web design, such as the navbar, font, colour, and layout setup. They simplify t...
From learning to earning
Jobs that call for the skills explored in this talk.