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
Ce contenu vous a-t-il été utile ?
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2017/08/14 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2017/08/14 (UTC)."],[],[]]