Artikel für Leute, die
den Stack ausliefern
Beiträge zu React, Node.js, TypeScript und AI. Ein übersetzter Text wird gezeigt, wenn er existiert. Sonst sehen Sie den englischen Text und einen Hinweis.
Tag: JSX
Reakt-Eventverarbeitung: Synthetische Ereignisse ohne das Rätsel
Eventverarbeitung in React ohne Geheimnisse: synthetische Ereignisse, Delegation, Handler-Props in JSX sowie saubere Muster – ohne die veralteten Mythen über Event-Pooling.
6 Min. LesezeitBedingte React-Renderung und Liste-Ausgabe ohne Fußfeuerwaffen
Explizite Zweige, stabile Liste Schlüssel sowie Muster, die die logische Bedingungssteuerung der Benutzeroberfläche lesbar halten, wenn Komponenten in produktiven React-Anwendungen über einfache Beispiele hinauswachsen.
9 Min. LesezeitJSX auf Windows vorvisualisieren, ohne React oder VS Code installieren zu müssen
JSX wird beim Doppelklick nicht als Webseite geöffnet. Wenn man lediglich ein Komponente überprüfen oder vergleichen muss, kann ein spezielles Vorschau-Tool für Windows besser sein als das Aufbauen eines vollständigen React-Projekts.
3 Min. LesezeitVorabansicht von JSX ohne vorheriges Erstellen eines React-Projekts mit Scaffold
JSX ist kein doppelt klickbares HTML; Preview Kit und ähnliche Tools trennen die Erstellung von Vorschauen von einer vollständigen Node- und React-Einrichtung, sodass experimentelle Komponenten weiterhin verwendbar bleiben.
5 Min. LesezeitJSX ist kein HTML innerhalb von JavaScript – es handelt sich um einen Kompilierungsschritt.
Reines JavaScript kann UI-Code in Klammern nicht parsen; JSX ist eine HTML-ähnliche Syntax, die von Babel oder Vite in createElement-Aufrufe umgewandelt wird, bevor der Browser sie ausführt.
4 Min. LesezeitReact JSX sieht aus wie HTML – es wird in JavaScript kompiliert.
JSX sieht aus wie HTML, wird aber in JavaScript kompiliert: eine Wurzel, geschlossene Tags, Attribute im CamelCase-Format sowie geschweifte Klammern für Ausdrücke – das sind die Regeln, mit denen React-Anfänger konfrontiert werden.
6 Min. LesezeitVom JSX zu einfachen Objekten: Wie React-Elemente, -Komponenten und -Props funktionieren.
Erfahren Sie, was aus JSX kompiliert wird, warum Komponenten einfach Funktionen sind und wie Props, Kinderelemente, Standardwerte, Spread-Operationen sowie Slots aus diesem einen Denkmuster ableiten.
9 Min. LesezeitReact Props für Anfänger: Statische Komponenten in Vorlagen umwandeln
Erfahren Sie, wie React-Props Daten von Elternkomponenten an Kinderkomponenten weiterleiten, wie das Props-Objekt funktioniert, welche Werttypen Sie übergeben können und warum ein einrichtungsorientierter Datenfluss hilft.
7 Min. LesezeitReact-Fragmente und StrictMode: Effizienteres Markup und frühere Fehlererkennung
Erfahren Sie, wie React Fragmente Elemente ohne zusätzliche DOM-Wrapper gruppieren und wie die ausschließlich für die Entwicklung vorgesehene doppelte Aufrufung von StrictMode unreine Renderungen sowie Effekte aufdeckt.
4 Min. Lesezeit
Über diese Artikel
Angebot in 24 Stunden
Denselben Stack in einer Operator-Schicht? Brief schicken — Angebot in 24 Stunden.