Le document aborde l'amélioration de l'expérience développeur avec Angular, en particulier l'utilisation des variables de template pour déclarer des variables accessibles selon leur portée. Il souligne les bénéfices tels que l'amélioration des performances, la réduction des répétitions et la combinaison avec des directives comme [class] ou [ngclass]. Enfin, il mentionne les caractéristiques des variables en lecture seule et l'affinité avec asyncpipe pour une performance optimisée.

1. @DevPropulsor
@rblmdst
Modeste ASSIONGBON
@let
Amélioration de l’expérience Développeur
Les variables de template

2. Les variables de template (Angular v < 18)

3. Dev Propulsor
@rblmdst
JavaScript Sr. Web Developer
Speaker, Trainer
Content Creator
Modeste ASSIONGBON

4. Permet de déclarer des variables accessibles dans le
template en respectant le scope dans lequel elles sont
déclarées (@if, @switch, @for)
Les variables déclarées sont en lecture seule.
@let
@let name = “Toto”;
Dev Propulsor
@rblmdst

5. Dev Propulsor
@rblmdst
Déclarer des variables accessibles dans le template (Angular v18+)
🤯

6. - Déclarer des variables accessibles dans le template
- Améliorer la performance (+ AsyncPipe)
- Réduire les répétitions
- Combiner avec le [class] ou [ngClass]
@let
Dev Propulsor
@rblmdst

7. Portée des variables déclarées

8. Portée des variables déclarées

9. Associée au AsyncPipe pour améliorer la performance
😠

10. Associée au AsyncPipe pour améliorer la performance
😠

11. Combiner avec le [class] ou [ngClass]
😠

12. Démo
@let version = 18;
Dev Propulsor
@rblmdst

13. THANK YOU !!
@DevPropulsor
@rblmdst
Modeste ASSIONGBON
@let
Amélioration de l’expérience Développeur
Les variables de template