Optimizing an Angular application
summary
A simple Angular demo with 140 items suffers severe typing lag; profiling shows expensive Fibonacci calls on every change detection. The session applies onPush change detection plus Immutable.js to stop unnecessary traversals, moves heavy computation into pure pipes + memo decorator to avoid recomputation, and batches server events with RxJS buffer(interval). Benchmarks show about 2x improvement from onPush and pure pipe memoization yields hundreds‑fold speedups; a reproducible workshop VM and the Rhyme platform are published.
AI-written summary · about
chapters (22)
- 0:00Intro
- 1:48Virtual Machine
- 2:19Going to see screen
- 2:57Application overview
- 5:32Application structure
- 5:47Calculations
- 6:17Adding more data
- 7:05Recording performance
- 8:00Change detection
- 9:04Onpost change detection
- 9:33Reference check
- 10:21Immutablejs
- 11:12refactoring
- 13:51performance benchmarks
- 14:16inspection
- 15:07refactor
- 16:10change detection indication
- 23:56pure functions
- 29:33caching
- 31:27memo decorator
- 32:36realtime updates
- 38:44outro
