~/talk

Fully Zone-Less - High-Performance Angular applications in post IVY

Talkat AngularUP Experience 2020 · 2020-11-30..12-03· [angular, web-performance]
slides:none on file

Argues that zone.js is the biggest enemy and shows concrete techniques to get zone-less rendering inside a zone-full app: measure with flame charts, use Chrome’s task-priority APIs and requestAnimationFrame to coalesce microtasks into one render, switch to push-style bindings and OnPush/select slices of state, render embedded views instead of full component trees, and throttle updates so dozens of renders (example: 12 → 1) and heavy lists (example: ~900 items) become a single non-blocking paint.

AI-written summary · about

  1. 0:00Introduction to post-IVY Angular
  2. 13:10Rendering engine deep dive
  3. 25:39Structural directives future
  4. 36:34Change detection strategies
  5. 45:04Performance tuning techniques
  6. 51:00Summary and outlook
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.