.jsx
Code
JSX (JavaScript XML — React)
JSX ist eine Syntaxerweiterung für JavaScript, die in React verwendet wird. Es ermöglicht das Schreiben von HTML-ähnlichem Markup direkt im JavaScript-Code.
MIME-Typ
text/jsx
Typ
Text
Komprimierung
Verlustfrei
Vorteile
- + Intuitive HTML-like syntax for UI component definitions
- + Full JavaScript power within markup expressions
- + Component composition is clear and readable
Nachteile
- − Requires transpilation — cannot run directly in browsers
- − Mixes concerns (markup + logic) which some developers dislike
- − Must use className instead of class (React-specific)
Wann Sie .JSX verwenden sollten
Verwenden Sie JSX für React-Komponentenentwicklung. Es macht UI-Markup deklarativ und ermöglicht die Kombination von Logik und Darstellung in einer Datei.
Technische Details
JSX wird von Babel oder einem ähnlichen Transpiler in React.createElement()-Aufrufe umgewandelt. Es ist kein gültiges JavaScript und muss vor der Ausführung kompiliert werden.
Geschichte
Facebook (Meta) führte JSX 2013 zusammen mit React ein. Es ist technisch optional, hat sich aber als Standard für React-Entwicklung etabliert.