Kapitel 2. JSX

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: translation-feedback@oreilly.com

In Kapitel 1 haben wir die Grundlagen von React und seine Entstehungsgeschichte kennengelernt und es mit anderen beliebten JavaScript-Bibliotheken und -Frameworks seiner Zeit verglichen. Wir haben erfahren, was der wahre Wert von React ist und warum es so wichtig ist.

In diesem Kapitel lernen wir JSX kennen, eine Syntaxerweiterung für JavaScript, die es uns ermöglicht, HTML-ähnlichen Code in unserem JavaScript-Code zu schreiben. Als React 2013eingeführt wurde, war es das erste, was den Leuten auffiel und heftig kritisiert wurde. Es macht also Sinn, sich schon so früh im Buch damit zu befassen. Tauchen wir also tief in diese Spracherweiterung ein, wie sie funktioniert und wie wir konzeptionell unseren eigenen Code erstellen können.

Um unsere Diskussion zu beginnen, sollten wir verstehen, wofür JSX steht. Wir wissen bereits, dass JS für JavaScript steht. Heißt das, JSX ist JavaScript Version 10? Wie Mac OS X? Ist es JS Xtra? Wir könnten denken, dass das X in JSX für 10 oder Xtra steht, was beides gute Vermutungen wären! Aber das X in JSX steht für JavaScript Syntax eXtension. Manchmal wird es auchJavaScript XML genannt.

JavaScript XML?

Wenn du schon eine Weile im Internet unterwegs bist, erinnerst du dich vielleicht an den BegriffAJAX, Asynchronous JavaScript and XML, aus den 2000er Jahren. AJAX war im Wesentlichen eine neue Art, bestehende ...

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