Angular Ivy by example

on YouTube ↗34m

" summary

Demonstrations show Ivy actually produces clearer generated code, shorter stack traces and a new global ng.getComponent API for inspecting components at runtime, and claims like drop dependency on Zone.js and develop without dependency injection are explored with concrete examples. Lazy loading uses standard dynamic imports and enables component-level lazy loading via packaged bundles that are npm packed and installed the demo builds are about 16 KB before optimizations one dynamic-build example runs after fixing an instruction set quirk Router updates add eager URL updates cancellation and prioritized guard redirects

AI-written summary · about

" chapters (16)

1. 0:00Intro
2. 1:13Debugging with Ivy
3. 2:50New debugging API
4. 3:44Demo
5. 9:15Inspect Element
6. 11:40Debugging Cycle
7. 12:17Lazy Loading
8. 13:13Lazy Loading Today
9. 14:09Dynamic Imports
10. 15:41Dynamic Build
11. 17:22Dynamic Build Demo
12. 25:08Developer Control
13. 25:59Routing Updates
14. 26:45URL Update Strategy
15. 28:10Navigation Cancellation Clean Up
16. 30:42Guard Redirect Priority

" related talks

• 25mIvy Is Coming!Eliran Eliassy · AngularUP 2019
• 22mAngular’s new renderer Ivy: a deep dive into the heart of AngularMartina Kraus · NG-DE Conference 2019
• 48mThe Future of Angular with IvyManfred Steyer · International JavaScript Conference Munich 2019
• 31mThe Rise of a new Engine: Angular IvyMartina Kraus · AngularUP Experience 2020
• 30mIvy Renderer for DummiesGerard Sans · NG-MY 2019
• 40mIvy Renderer for DummiesGerard Sans · ComponentsConf 2019
• 19mHow Ivy Will Improve Your Application ArchitectureManfred Steyer · ng-conf 2020: Hardwired
• 31mAngular IVY with Composition API: the next level of reusabilityDmitriy Shekhovtsov · AngularUP Experience 2020