3L-C's- Three Level Components Technique
summary
Claims a concrete technique called 3L-C's (Compounding Implementing Configuring) that balances abstraction with the Principle of Least Power by limiting extraction to three levels: design system atoms as compound components, a corporate component library that implements styling, and product apps that only configure. Shows an Angular implementation using ng-template-outlet, forwardRef and directives, builds a reusable select with option children, and reports this pattern reduces repeated refactors and fits multi‑app orgs like Firebase/Google.
AI-written summary · about
chapters (9)
- 0:00Introduction to ui patterns
- 2:19Component-based architecture
- 4:49Component level strategies
- 6:26Multi-level component systems
- 8:56Three-level component focus
- 11:17The compounding technique
- 14:14Implementing compound components
- 19:22Configuring components
- 22:41Summary and recommendations
related talks
20mEngineering Scalable Angular Components
27mThe good, the bad and the ugly - Component architecture at scale
24mThe Architecture of Components
36mAngular, React, Vue and co: Harmoniously united by web components and micro apps?
18mEmbrace Component Tranquility
28mReal-life Angular Architecture Lessons
18mFlexible data flow architecture in Angular
18mLightweight Architectures with Angular's Latest Innovations