Ivy Renderer for Dummies

on YouTube ↗40m

" summary

Ivy is a new Angular renderer that compiles templates into reusable template instructions and generates DOM incrementally, cutting a simple hello world bundle from about 151 KB to 14 KB in the demo. It enables component-level compilation and incremental builds so changing one component only recompiles that piece, supports better tree-shaking (directives, lifecycle hooks, pipes omitted if unused), adds template type checking, HTML breakpoints and smaller memory footprints, and is available today via the enableIvy preview flag with full rollout targeted for v9.

AI-written summary · about

" chapters (16)

1. 0:00Start
2. 2:52Developer Advocate AWS
3. 7:02Responsibilities
4. 10:39Naive Renderer Code
5. 11:49Renderer v1
6. 12:16Ivy Renderer v3
7. 13:07ViewEngine vs Ivy Rendering
8. 16:57Ivy Rollout Plan
9. 17:55Ivy Features
10. 19:27Smaller Bundles
11. 21:04Ivy Tree Shaking
12. 23:05Ivy Component Locality
13. 25:03Simpler Debugging
14. 25:20Bonus Benefits
15. 25:47Virtual vs Incremental DOM
16. 27:45Using Angular CLI flag

" related talks

• 30mIvy Renderer for DummiesGerard Sans · NG-MY 2019
• 22mAngular’s new renderer Ivy: a deep dive into the heart of AngularMartina Kraus · NG-DE Conference 2019
• 25mIvy Is Coming!Eliran Eliassy · AngularUP 2019
• 31mThe Rise of a new Engine: Angular IvyMartina Kraus · AngularUP Experience 2020
• 46mAdvancements in AngularJeremy Elbourn · Devoxx Belgium 2019
• 34mAngular Ivy by exampleJason Aden · Angular Connect 2018
• 48mThe Future of Angular with IvyManfred Steyer · International JavaScript Conference Munich 2019
• 41mThe theory of Angular IvyAlex Rickabaugh · Angular Connect 2018