The post Ivy Release time
×
Component Features
SO MUCH
SMALLER
FASTER
EASIER
WOW
WOW
WOW
Ok, so what ?
That's me, Martina
GDE in Angular
Women Techmakers Ambassador
Trainer and Consultant
@MartinaKraus11
@MartinaKraus11
The post Ivy Release time
Ivy Instructions
ɵmarkDirty
ɵrenderComponent
ɵcompileComponent
ɵcompilePipe
ɵcreateInjector
@MartinaKraus11
The future of Ivy
- Lazy loaded components
- Optional Angular Modules
- High Order Components
- Optional Zone.js
@MartinaKraus11
Component features ? 🤔
@MartinaKraus11
@MartinaKraus11
https://indepth.dev/component-features-with-angular-ivy
Ivy's best kept secret
In a nutshell 🌰
-
Introduced by Ivy
-
Changing behavior of a component at runtime
@MartinaKraus11
@MartinaKraus11
ngc
Component Definition
-
Component annotations available at runtime
-
stored inside the static property
AppComponent.ɵcmp
-
type, selectors, template, styles ...
@MartinaKraus11
@MartinaKraus11
@MartinaKraus11
@MartinaKraus11
Implementing own features
@MartinaKraus11
LifecycleHooksFeature
@MartinaKraus11
What about Decorators?
@MartinaKraus11
Angular TypeScript Decorators
@MartinaKraus11
Custom Decorators are not tree- shakable
@MartinaKraus11
https://github.com/angular/angular/pull/35464
@MartinaKraus11
Use Cases
- Route parameters / data
-
Manage subscriptions
- automatically unsubscribe from an Observable
- Convert incoming Data
@MartinaKraus11
Summary
-
Custom Decorators aren't tree shakable
-
Component Features are used for changing behavior at runtime
-
Not exposed yet
@MartinaKraus11
me@martina-kraus.io
@MartinaKraus11
martina-kraus.io
Ping me:
Slides: slides.com/martinakraus/component-features
