O'Reilly logo

React by Nils Hartmann, Oliver Zeigermann

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required