Aus dem Kurs: React Grundkurs
Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.
Das Zusammenspiel von render, JSX und StrictMode – Tutorial zu React.js
Aus dem Kurs: React Grundkurs
Das Zusammenspiel von render, JSX und StrictMode
Wir schauen uns nun an, was ReactDOM.render macht, was der StrictMode ist und warum dieses scheinbare HTML direkt im JavaScript nutzbar ist. Eine Frage, die ich oft gestellt bekomme, ist: Warum braucht es React und ReactDOM? Die Antwort findet sich in der Softwarearchitektur von React. React selbst erzeugt nur virtuelle Knoten und keine tatsächlichen HTML-DOM-Knoten. Das ist der Grund, warum React so universell ist und in der Theorie die Komponenten bspw. in Android- oder iOS-Elemente übersetzt werden könnten. ReactDOM macht genau eine solche Übersetzung im Browser als DOM-Knoten. Lassen Sie uns nun zuerst einen lokalen Development Server mit "npm start" ausführen. Das was aussieht wie ein HTML-String ist in Wahrheit gar kein String, sondern eine Spracherweiterung namens JSX. Im Hintergrund des React Setups wird das mithilfe von Babel zu einem Funktionsaufruf umgewandelt, der einen React-Knoten erzeugt. Das klingt erst mal komplex, lässt sich aber visualisieren. Die scheinbare Magie…