Building UI at Enterprise Scale with Web Components

on YouTube ↗32m

" summary

EA builds a Network Design System with Web Components and Polymer that delivers runtime theming via 300 CSS custom properties, a component library of 75 components, and a CDN-deployed versioned UI-as-a-service at v1.31.0. The system is framework-agnostic, supports micro-site composition, enforces strict SemVer, and powers about 30 sites, cutting new site launches to roughly 1.5 weeks of content-only work while preserving consistent analytics and backward-compatible upgrades.

AI-written summary · about

" chapters (15)

1. 0:00Start
2. 7:44Four User Interface as a Service
3. 9:31Bootstrap
4. 11:14Lonely Planet
5. 11:32Create a Shared Ui Layer
6. 13:30What We Would Change about Rizzo
7. 15:40Deep Seaming Capabilities
8. 18:11Production-Ready Web Components
9. 21:24Examples
10. 21:51Pagination Component
11. 22:30Newsletter Signup
12. 24:28Card Component
13. 24:46Html Attributes
14. 26:59Micro Site Architecture
15. 27:524 User Interface as a Service

" related talks

• 41mComponents Approach to Building Web AppsVinci Rufus · Meta Refresh 2015
• 36mBuilding framework agnostic UI with Web ComponentsPiotr Nalepa · 4Developers Katowice 2019
• 41mHigh-Performance Web UI with Web ComponentsCory Rylan · Reliable Web Summit 2021
• 22m'Centralizing the Frontend with Design Systems and Web Components'Adam Niederer · XtremeJS 2022
• 44mMake UI Components for the Web Framework EcosystemSergio Contreras · FrontFest 2020
• 51mBuilding web applications with Web ComponentsMartin Splitt · Voxxed Days Ticino 2017
• 01h 12mMake Web Development Fun Again, with Web ComponentsBryan Ollendyke, Michael Potter · DrupalCamp NJ 2019
• 27mAccelerating Development using UI frameworksPatrick Mooney · UXDX Community Amsterdam 2019