Matériaux de construction

Les composants sont les éléments constitutifs des applications Web modernes. Quelles bonnes pratiques devriez-vous suivre lorsque vous créez vos propres composants afin qu'ils résistent à l'épreuve du temps ? Les composants sont les éléments constitutifs des applications Web modernes. Quelles sont les bonnes pratiques à suivre lorsque vous créez vos propres composants afin qu'ils résistent à l'épreuve du temps ?

Éléments personnalisés

Les éléments personnalisés permettent aux développeurs d'étendre le code HTML et de créer leurs propres balises. Les éléments personnalisés étant basés sur des normes, ils bénéficient du modèle de composants intégré du Web. Cela permet d'obtenir un code plus modulaire pouvant être réutilisé dans de nombreux contextes différents. En savoir plus

Shadow DOM

Shadow DOM est une norme Web qui propose un style de composant et une encapsulation du balisage. Il s'agit d'un élément essentiel de l'histoire des composants Web, car il garantit qu'un composant fonctionnera dans n'importe quel environnement, même si d'autres codes CSS ou JavaScript sont impliqués sur la page. En savoir plus

Bonnes pratiques

Les éléments personnalisés et le Shadow DOM étant des primitives de bas niveau, il n'est pas toujours évident de savoir comment les combiner pour créer un composant robuste qui fonctionne bien dans de nombreux environnements différents. Bien que ces API vous permettent de tout faire, voici quelques bonnes pratiques pour vous assurer que vos composants fonctionnent correctement n'importe où. En savoir plus

Exemples

Les composants HowTo sont un ensemble d'éléments qui illustrent les bonnes pratiques concernant les éléments personnalisés et les Shadow DOM. Ces éléments ne sont pas destinés à être utilisés en production, mais sont présentés comme des aides pédagogiques pour faire correspondre les suggestions de bonnes pratiques aux implémentations réelles. En savoir plus