Aus dem Kurs: React Grundkurs

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.

Weitere Möglichkeiten

Weitere Möglichkeiten – Tutorial zu React.js

Aus dem Kurs: React Grundkurs

Weitere Möglichkeiten

Mit globalen Styles, CSS Modules für lokale Styles und Sus-Unterstützung sollte Ihnen an nichts fehlen, um Ihre Applikation zu stylen. Trotzdem gibt es in der React-Community noch weitere Möglichkeiten, CSS einzubinden. Da gibt es z.B. JSS, mit dem man dynamisch im JavaScript ein Stylesheet erzeugt und dann auf die Klassennamen zugreift. Außerdem gibt es Emotion. Bei Emotion können die Styles bspw. direkt innerhalb von Template literals definiert werden. Dann gibt es das styled components. Der Ansatz von styled components ist es, Basiskomponenten zur Verfügung zu stellen, die dann über Template literals gestyled werden können. Das Ergebnis ist dann also kein Stylesheet oder eine Klasse, sondern eine fertige Component. Mit styled jsx kann man Styles direkt im Render-Template hinterlegen, das verwende ich sehr gerne. Radium wiederum scheint eine Mischung aus den vorangegangenen Konzepten, insbesondere von JSX und styled components, zu sein. Libraries, mit denen wir direkt im…

Inhalt