Mike Hartington schwärmt davon, wie gut und nützlich Shadow DOM ist
[Shadow DOM ist] eigentlich auf zwei einfachen Ideen aufgebaut: Isolation und Ort. Sie müssen ein Stück DOM erstellen, das vom globalen Gültigkeitsbereich isoliert ist? Shadow DOM hilft Ihnen dabei. Sie müssen den genauen Ort eines DOM-Fragments angeben? Die Shadow DOMs Scope API ist genau das, was Sie brauchen!
Es kann hilfreich sein, Komponenten, die Shadow DOM verwenden, als Module für HTML zu betrachten. Markup und Stile sind auf ihren eigenen DOM-Baum isoliert und aus dem globalen Kontext entfernt.
Als wir das letzte Mal darüber hier sprachen, zeigte ich, wie Twitter es für eingebettete Tweets verwendet – was ein ziemlich beeindruckender Anwendungsfall ist – und wie es auf ein iFrame zurückfallen kann. Mike sagt, sie verwenden dafür einen Polyfill in nicht unterstützten Situationen.
Ich vermute, isolierte Stile sind das Hauptverkaufsargument für alle CSS-in-JS-Ansätze, und eine breite Unterstützung für eine native Implementierung davon wird dies schließlich übernehmen. Aber… Sie müssen Webkomponenten verwenden, um dies zu nutzen, was bedeutet, dass Ihre framework-erstellten Komponenten Webkomponenten sein müssen. Das ist absolut möglich; ich sehe es nur nicht so oft.