Building with Ivy: rethinking reactive Angular
summary
Claim: Ivy plus a small library can let Angular components subscribe to a dictionary of observables, update the view without async pipes, and run without zone.js. Implementation uses Ivy's markDirty to schedule change detection, a higher-order base class that exposes connect and composes lifecycle events (onInit then onDestroy) with observables, and TypeScript mapped types to infer an observable dictionary. Demo: a counter app increments via scan, subscriptions are auto-cleaned, prototype works but markDirty is an unstable API.
AI-written summary · about
chapters (26)
- 0:00Intro
- 0:31Improving the experience for developers
- 2:28Mike Ryan
- 3:06Goals for improving reactivity
- 3:34How change detection works
- 4:15Zones
- 6:02Benefits
- 6:29Component level state
- 8:24Example App
- 9:32Turning off Zones
- 9:53Change Detection
- 10:49Mark Dirty
- 11:23What does Mark Dirty do
- 12:16What is Root Context
- 13:58Why use higherorder components
- 14:24Building with inheritance
- 14:58Building with reactive component
- 15:33Open source library author
- 15:52Inference
- 17:02Implement Connect
- 17:52Implement MarkDirty
- 18:42Troubleshooting
- 19:51Creating an Observable
- 20:35Updating the Observable
- 21:37Running the App
- 23:09New Initiative
