Overview
Explore the Angular Ivy project's new rendering architecture in this 46-minute Devoxx conference talk. Dive into the design and philosophy behind Angular's instruction set for rendering templates, learning how it leverages modern ES6 ecosystem capabilities to improve performance and reduce code size. Discover techniques for applying Ivy's design patterns to your own applications, covering topics such as TypeScript, framework basics, dependency injection, tree shaking, conditional references, and dynamic component creation. Gain insights from Alex Rickabaugh, a core Angular team member at Google, on designing for tree shaking and writing monomorphic code to optimize your web applications.
Syllabus
Intro
Takeaways
The Plan
TypeScript
Framework Basics
Angular Components
Dependency Injection
The Angular Platform & Ecosystem
Tree shaking in the ecosystem
Conditional References
Example Template
Ivy simplifies
Goals
Ivy Instruction Set
Example Service
Ivy can tree shake
View Engine
Dynamic Component Creation
ComponentFactoryResolver
Hello World
Designing for Tree Shaking
What is the shape of name?
Tips for Monomorphic Code
Taught by
Devoxx