Sommaire

La notion de composant

Angular est résolument tourné vers les nouveaux standards du Web moderne en implémentant une bonne partie des nouvelles API et en proposant avec ceci toute une méthodologie de développement côté client à la fois riche et flexible. Le cœur d’Angular est maintenant tourné vers un seul et unique concept : les web components. web components

Pour faire simple, un web component est la fusion des grands principes qui ont été décrits dans la section précédente : les imports, les custom elements et le Shadow DOM. L’utilisation d’un web component présente plusieurs avantages :

  • L’utilisation du Shadow DOM permet de travailler uniquement sur une petite partie du DOM et non sur le DOM entier de la page. De ce fait, lors de la manipulation d’éléments HTML, le processus est plus performant car on ne parcourt qu’une partie du DOM.

  • L’encapsulation du style pour ainsi éviter les collisions entre les différents CSS.

  • La réutilisation des composants grâce à l’import.

  • La création automatique et propre des éléments personnalisés.

  • La séparation du DOM et du code source est beaucoup plus simple et claire, tout en conservant une maintenabilité efficace.

  • Les pages sont plus légères lors du chargement.

Cependant, les web components peuvent vite devenir désorganisés et complexes si le développeur ...