Real world component libraries at scale
summary
Explains how to architect component libraries and design systems so large teams of developers, designers and UX practitioners can collaborate. Covers best practices and patterns for scaling a single platform’s UI components to support hundreds of contributors while keeping a consistent visual and functional design. Uses real-world component library architecture and processes to illustrate the approach.
AI-written summary · about
chapters (9)
- 0:00Start
- 5:07A collection of reusable components, patterns, and styles.
- 7:56Developer experience
- 9:54Component infrastructure and Material Design components for Angular
- 16:41Respect HTML elements
- 17:24Always reset browser defaults
- 18:04Re-define inheritable properties per component
- 27:26Behaviour and style go together
- 27:43Code defensively
related talks
25mFrom Design Systems to Component Libraries
44mBest Practices on building a UI component library for your company
26mLearnings from building a component library
40mHow to Design Good Large Applications
44mThe UI Component Library You Always Dreamed Of
46mBuilding Reusable Components ... That Are Actually Reusable
46mHow to Evolve a Component Library Without Breaking It
32mA Common Design Language: Let Designers & Developers Talk to Each Other