CSS-in-JS: FTW || WTF?

Ich habe den Vortrag von Bruce Lawson über diesen heiligsten aller Kriege genossen. Er ist lustig und leichtfüßig, aber gleichzeitig gut recherchiert und stellt die guten Argumente beider Seiten fair dar.

Kommentare

Vanderson

# 17. Juli 2018

Für das Phänomen, das in diesem Video gezeigt wird, muss es einen Namen geben. Große Unternehmen, die an einzelnen Projekten arbeiten, die am Rande der Technologie stehen und die Grenzen von Konzept und Design sprengen. (LCTWOSPBETPOBCD, dummer Akronym)

jQuery hat das gemacht und einige der Ergebnisse fanden Eingang in den Kern des Browsers.

Das bedeutet, dass keines davon für "normale/durchschnittliche" Entwickler nützlich ist. Warum? Weil es einfach zu teuer ist, es zu lernen, zu verwenden und dann später aufzuräumen, wenn die Browserhersteller die besten Ideen umsetzen und die anderen verwerfen.

Die "Einschränkungen" ihrer Idee (z. B. kann man kein Inline in ein Block und umgekehrt ändern) sind rein willkürlich, und diese Art von Dingen stinkt nach ihren eigenen persönlichen Meinungen darüber, wie Dinge getan werden sollten.

Das Endergebnis? Warten wir ein paar Jahre, machen wir weiter, was wir tun, und fügen wir die neuen coolen Sachen hinzu, wenn sie verfügbar sind. Dies sind Ideen am Puls der Zeit, die nur für LCTWOSPBETPOBCD nützlich sind. (oder vielleicht Large Company Single Project?)

Tolis

Permalink zum Kommentar# 24. Juli 2018

Wenn wir also alle weitermachen, was wir tun, wer wird sich dann die neuen coolen Sachen ausdenken?

Matias Olivares Trujillo

# 22. Juli 2018

Gutes Video, aber wenn ich genauer analysiere, gefällt mir die Auswahl nach Attribut [attribute] besser als selector::state.

Ich habe eine ähnliche Lösung entwickelt, die diese Auswahl nach Attributen anwendet.

css

:this{
    width : 100px;
    height : 100px;
}

:this[size="small"]{
    width : 50px;
    height : 50px;
}

:this[size="large"]{
    width : 200px;
    height : 200px;
}

Die Stylesheet wird eine Komponente erstellen, die :this durch eine zufällige Klasse ersetzt.

https://uppercod.github.io/cssthis-demo/

Dieser Kommentarbereich ist geschlossen. Wenn Sie wichtige Informationen teilen möchten, kontaktieren Sie uns bitte.