Bauteile

Komponenten sind die Bausteine moderner Webanwendungen. Welche Best Practices sollten Sie beim Erstellen eigener Komponenten beachten, damit sie langlebig sind? Komponenten sind die Bausteine moderner Webanwendungen. Welche Best Practices sollten Sie beim Erstellen eigener Komponenten beachten, damit sie auch in Zukunft noch funktionieren?

Benutzerdefinierte Elemente

Mit benutzerdefinierten Elementen können Entwickler HTML erweitern und eigene Tags erstellen. Da benutzerdefinierte Elemente auf Standards basieren, profitieren sie vom integrierten Komponentenmodell des Webs. Das Ergebnis ist ein modularerer Code, der in vielen verschiedenen Kontexten wiederverwendet werden kann. Weitere Informationen

Shadow DOM

Shadow DOM ist ein Webstandard, der die Kapselung von Komponentenstilen und -markups ermöglicht. Sie ist ein wichtiger Teil der Webkomponenten, da sie dafür sorgt, dass eine Komponente in jeder Umgebung funktioniert, auch wenn auf der Seite andere CSS- oder JavaScript-Elemente verwendet werden. Weitere Informationen

Best Practices

Da benutzerdefinierte Elemente und Shadow DOM Low-Level-Primitive sind, ist es nicht immer klar, wie sie am besten kombiniert werden können, um eine Komponente zu erstellen, die robust ist und in vielen verschiedenen Umgebungen gut funktioniert. Mit diesen APIs können Sie zwar so ziemlich alles machen, aber hier sind einige Best Practices, mit denen Sie dafür sorgen können, dass Ihre Komponenten überall gut funktionieren. Weitere Informationen

Beispiele

HowTo-Komponenten sind eine Reihe von Elementen, die Best Practices für benutzerdefinierte Elemente und Shadow DOM demonstrieren. Diese Elemente sind nicht für die Verwendung in der Produktion vorgesehen, sondern dienen als Lernhilfe, um Best Practices mit tatsächlichen Implementierungen zu verknüpfen. Weitere Informationen