Was ist falsch an CSS-in-JS?

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Brad Frost meint, es ist

  1. Mangel an Portabilität
  2. Kontextwechsel
  3. Bewährte Praktiken über Bord werfen

Im Geiste des guten alten Blog-und-Antwort-Formats hier ist

Ich möchte darauf hinweisen, dass "CSS-in-JS" ein Oberbegriff ist und es viele Ansätze für tatsächliche Implementierungen davon gibt. Es ist möglich, einen Ansatz zu mögen und einen anderen nicht.

Meine Vermutung ist, dass wir uns eines Tages auf eine Teilung in der Mitte als beste Praxis einigen werden.

Wenn wir Stile schreiben, werden wir immer eine Wahl treffen. Sind das globale Stile? Lecke ich absichtlich diesen Stil über die gesamte Website? Oder schreibe ich CSS, das spezifisch für diese Komponente ist? CSS wird zwischen diesen beiden geteilt. Komponentenspezifische Stile werden gekapselt und mit der Komponente gebündelt und bei Bedarf verwendet.

Direkter Link →