Matériaux de construction

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

Icône Code.

É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. Comme les éléments personnalisés sont basés sur des normes, ils bénéficient du modèle de composant intégré du Web. Le résultat est un code plus modulaire qui peut être réutilisé dans de nombreux contextes différents. En savoir plus
Icône de style de bordure

Shadow DOM

Shadow DOM est une norme Web qui permet d'encapsuler le style et le balisage des composants. 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 CSS ou JavaScript sont en jeu sur la page. En savoir plus
Icône Terminé.

Bonnes pratiques

Étant donné que les éléments personnalisés et le shadow DOM sont des primitives de bas niveau, il n'est pas toujours évident de savoir comment les combiner au mieux pour créer un composant robuste et qui fonctionne bien dans de nombreux environnements différents. Bien que vous puissiez faire à peu près tout ce que vous voulez avec ces API, voici quelques bonnes pratiques pour vous assurer que vos composants fonctionnent correctement partout. En savoir plus
Icône Explorer.

Exemples

Les composants HowTo sont un ensemble d'éléments qui illustrent les bonnes pratiques concernant les éléments personnalisés et le Shadow DOM. Ces éléments ne sont pas destinés à être utilisés en production, mais sont présentés comme une aide pédagogique pour vous aider à mettre en correspondance les suggestions de bonnes pratiques avec les implémentations réelles. En savoir plus