L'équipe Angular a introduit dans la version 17 du framework une nouvelle fonctionnalité permettant le lazy-loading de composants (pipe, directive) afin d'améliorer la performance d'une application en chargeant des morceaux de composants uniquement lorsqu'ils sont réellement nécessaires. On parle de "deferrable views". Avant l'introduction de cette fonctionnalité, il n'était possible de charger que des modules à la demande. Cependant, depuis la version 14 d'Angular, les modules laissent place aux composants autonomes.
L'objectif de cette brève présentation sera d'initier l'audience au "deferrable views", en explorant tout d'abord le rôle des différents blocs tels que @defer, @loading, @placeholder et @error. Ensuite, d' aborder les différents types de déclencheurs possibles, et terminer en montrant comment on peut combiner tout cela dans une application pour améliorer la performance et l'expérience utilisateur.
À la fin de cette présentation, les participants auront une compréhension claire de :
- La fonctionnalité des "deferrable views"
- Le rôle des différents blocs tels que @defer, @loading, @placeholder et @error
- Les différents types de déclencheurs (déclaratifs et impératifs) et leur utilisation
- Quelques cas d'utilisation pratiques de cette nouvelle fonctionnalité