White-labeling & A/B testing with interchangeable components
summary
Architectures for white‑labeling, A/B testing and canary releases use interchangeable, loosely coupled Angular components and services wired by configuration rather than switch/case. Implementation details: signature = inputs/outputs (observables), ngComponentOutlet lacks IO so ng-dynamic-components is used, components and service implementations live in separate modules and load lazily via dynamic import + Injector, rules and audience percentages live in Firebase Cloud Firestore. A demo loads and rolls back lazy modules; a reactive component loader library is published.
AI-written summary · about
chapters (9)
- 0:00Introduction to speaker
- 2:14A/B testing and canary
- 6:21White labeling concept
- 8:38Interchangeable components
- 11:42Dynamic component loading
- 15:13Reactive component loader
- 20:27Interchangeable services
- 25:00Live demo and technicals
- 30:26Key takeaways and conclusion
related talks
18mLightweight Architectures with Angular's Latest Innovations
32mLightweight Architectures with Angular's Latest Innovations
22mIt’s alive! Dynamic components in Angular
20mEngineering Scalable Angular Components
19mWeb Components with Angular Elements: Beyond the Basics
17mComponent-First Architecture with Angular Standalone Components
41mIt’s Alive! Dynamic Components in Angular
25mWeb components with Angular: The what, the why and the how.