4 Die JavaScript-Erweiterung JSX
JSX statt Template-Sprache
React kommt – im Gegensatz zu vielen anderen Webframeworks – ohne Template-Sprache aus. Der UI-Teil einer Komponente, also in erster Linie die HTML-Elemente, aus denen die Komponente besteht, wird stattdessen in JavaScript geschrieben. Um das Schreiben von Elementen zu erleichtern, bringt React eine JavaScript-Spracherweiterung mit dem Namen JSX mit. Mittels dieser Erweiterung lassen sich HTML-Elemente direkt in den JavaScript-Code schreiben. JSX wird mit einem Compiler in gültiges JavaScript übersetzt, so dass der Code in allen Browsern lauffähig ist.
JSX-Spielwiese
Um beim Lesen dieses Kapitels JSX auch selber auszuprobieren, kannst du das Verzeichnis jsx unseres Beispiel-Repositorys ...
Get React now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
