Fully ZoneLess High Performance Rendering in post IVY

on YouTube ↗30m

" summary

Presents a zone-less, high-performance rendering approach for post-Ivy Angular using concrete tools: a push directive, new template primitives, an amPatch-like directive, and local scheduling strategies instead of global change detection. Demonstrations show targeted scheduling that replaces Angular change detection, cutting render counts (example from 52 to 4) and offering a drop-in replacement that speeds UI updates; code-level APIs and the repository are provided so the techniques can be reproduced.

AI-written summary · about

" chapters (10)

1. 0:00ZoneLess rendering intro
2. 4:49Rendering performance fix
3. 7:03Performance demo
4. 11:54Rendering strategies
5. 15:29Scheduling for performance
6. 19:10Local rendering strategy
7. 20:59Targeted visible rendering
8. 23:16Patch directive for updates
9. 27:54Leveraging performance
10. 28:40Switching to local

" related talks

• 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
• 31mThe Rise of a new Engine: Angular IvyMartina Kraus · AngularUP Experience 2020
• 23mPartially Zoneless Performance tuning without big bang refactoringMichael Hladky · ng-conf 2022
• 30mIvy Renderer for DummiesGerard Sans · NG-MY 2019
• 40mIvy Renderer for DummiesGerard Sans · ComponentsConf 2019
• 22mAngular’s new renderer Ivy: a deep dive into the heart of AngularMartina Kraus · NG-DE Conference 2019
• 34mAngular Ivy by exampleJason Aden · Angular Connect 2018