The art of building a framework
summary
Ecommerce platform runs 60 autonomous teams using React, Angular(JS/2+) and Vue, causing inconsistent UIs; team builds a framework‑independent design system of web components using Stencil to speed development, stores components in a mono-repo and publishes individually via Lerna to an internal npm registry, keeps a style guide and pattern library for rules, and reports improved reuse and consistency while admitting release coordination and communication remain necessary.
AI-written summary · about
chapters (14)
- 0:00Start
- 5:07Micro Surfaces
- 7:26How To Maintain Consistency
- 7:37Design System
- 8:52What Is a Pattern Library
- 9:12Style Guide
- 9:59Components Library
- 13:04Web Components from Scratch
- 14:13Custom Class
- 18:21Npm Run Build
- 21:54Scoped Packages
- 24:48Questions
- 25:48Knowledge Sharing Is Key
- 31:02Summary
related talks
36mAngular, React, Vue and co: Harmoniously united by web components and micro apps?
33mLet’s talk about Micro Frontends with Angular and StencilJs
04mVike: Build Your Own Framework
56mChasing the holy grail Reusable Web Components and Design Tokens
32mWhy Invent a Framework and How to Live with It?
27mAccelerating Development using UI frameworks
58mChasing the holy grail: reusable web components and design tokens
36mBuilding framework agnostic UI with Web Components