Was ist OOCSS? Anders als bei SASS oder LESS, ist OOCSS kein Framework das auf CSS aufgebaut ist. Es ist vielmehr eine Art sein CSS zu strukturieren und zu organisieren. Die grundlegende Idee von OOCSS ist die Abstraktion von sich wiederholenden Mustern in wiederverwendbare Objekte. Ein Beispiel Vielleicht hast du verschiedene Buttons unterschiedlicher Größe auf deiner Website. Aber alle von ihnen haben gemeinsame Styles wie etwa: border radius padding box-shadow Die gemeinsamen Styles werden an einer CSS Klasse zusammengefügt und an allen Buttons auf der Website verwendet.
Stencil ist ein einfacher Compiler zum Erstellen von plattformunabhängige Webkomponenten. Der erzeugte Code besteht aus nichts weiter als Vanilla-JavaScript, HTML und CSS und ist daher in jedem modernen Browser ausführbar. Eigenschaften von mit Stencil erzeugten Webkomponenten Stencil vereint einige bewährte sowie einige sehr neue Konzepte anderer populärer Frameworks: Virtueller DOM – eine Repräsentation des eigentlichen DOMs, über die eine schnellere Bearbeitung und Aktualisierung desselben erfolgen kann; ähnlich wie es die Frameworks Vue.
