Partially Zoneless - Performance tunning without Big Bang Refactorings

on YouTube ↗29m

" summary

Shows practical steps to get big runtime wins with RX Angular: use the state and template packages, the select and connect APIs, and the rx-let / push patterns to move only changed observables into templates. Demonstrates taking views partially zoneless to drop almost all blocking tasks (nearly no frame drops) and a chunked nonblocking renderer that cuts work to less than a third, reaches up to 99 performance points, and supports interruptible navigation so rendering stops when not needed.

AI-written summary · about

" chapters (11)

1. 0:00Introduction to talk
2. 1:05Library introduction RX Angular
3. 2:55Real-world performance impact
4. 5:04Migration path to zoneless
5. 6:06Understanding change detection
6. 14:02Explicit state management
7. 18:40Connect API for async state
8. 21:05Template rendering optimizations
9. 24:35Viewport priority demo
10. 25:40Chunked non-blocking rendering
11. 27:47Summary and closing

" related talks

• 23mPartially Zoneless Performance tuning without big bang refactoringMichael Hladky · ng-conf 2022
• 21mPartially Zone-LessMichael Hladky · NG Poland 2022
• 53mFully Zone-Less - High-Performance Angular applications in post IVYMichael Hladky · AngularUP Experience 2020
• 01h 11mFully Zone-less — High-Performance Angular Applications in Post IVYMichael Hladky · HolyJS 2020 Moscow
• 35mPerformance at ScaleMichael Hladky · NG-BE 2021
• 33mConcurrent Mode in Angular- Non-blocking UIs at scaleMichael Hladky · EnterpriseNG 2021
• 34mHigh-Performance Applications with AngularNir Kaufman · Ng-Poland 2017
• 30mFully ZoneLess High Performance Rendering in post IVYMichael Hladky · AngularNL 2020