Scalable User Interfaces with Angular 2
summary
Argues that breaking UIs into stable components improves scalability and maintainability, demonstrates Angular 2 features: ng-content for content projection, event-based inversion of control with events bubbling up to a data container, and using ChangeDetectionStrategy.OnPush to limit checks. Shows composition patterns (intrinsic vs extrinsic), splits examples into task list / checkbox / collapsible / expandable message item components, and builds a proof-of-concept by swapping the DOM renderer for a custom renderer that paints the same list onto a canvas — and it works.
AI-written summary · about
chapters (14)
- 0:00Start
- 1:02WHY COMPONENTS?
- 2:35WHY DID HORA SUCCEED?
- 2:46WATCH MANUFACTURING PROCESS
- 9:35Don't create components for reusability, create components for simplicity!
- 17:37PREFER COMPOSITION OVER BLOATING
- 21:28DATA
- 27:26CHANGE DETECTION
- 41:00UNIVERSAL
- 41:20ANGULAR RUNS WHERE JAVASCRIPT RUNS!
- 43:24CUSTOM PLATFORM
- 44:16RENDERING PLATFORM!
- 46:11USE THE PLATFORM ABSTRACTION
- 49:37Mastering Angular 2 Components
related talks
28mFrom Scratch to Screen: The Art of Component Design in Angular
38mNext Level UI Building Blocks With Angular2
34mScalable Angular Architecture
26mScalable Angular Architecture
20mThoughtful Component Design
40mAdvanced UI, Plugins and Components in AngularJS
22mHow to make robust and scalable front-end using layers
27mThe good, the bad and the ugly - Component architecture at scale