Kapitel 4. Wie React funktioniert
Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: translation-feedback@oreilly.com
Auf deiner Reise hast du dich bereits mit der neuesten Syntax vertraut gemacht. Du hast dir die funktionalen Programmiermuster angeschaut, die bei der Entwicklung von React eine Rolle gespielt haben. Diese Schritte haben dich darauf vorbereitet, den nächsten Schritt zu machen und das zu tun, wofür du hergekommen bist: zu lernen, wie React funktioniert. Jetzt geht es darum, echten React-Code zu schreiben.
Wenn du mit React arbeitest, ist es mehr als wahrscheinlich, dass du deine Apps mit JSX erstellst. JSX ist eine tagbasierte JavaScript-Syntax, die HTML sehr ähnlich ist. In diese Syntax werden wir im nächsten Kapitel tief eintauchen und sie auch für den Rest des Buches verwenden. Um React wirklich zu verstehen, müssen wir jedoch seine wichtigsten Einheiten verstehen: die React-Elemente. Von dort aus gehen wir zu den React-Elementen. Von dort aus geht es weiter zu den React-Komponenten, indem wir uns ansehen, wie wir eigene Komponenten erstellen können, die andere Komponenten und Elemente zusammensetzen.
Seite einrichten
In um mit React im Browser zu arbeiten, müssen wir zwei Bibliotheken einbinden: React und ReactDOM. React ist die Bibliothek zum Erstellen von Ansichten. ReactDOM ist die Bibliothek, mit der die Benutzeroberfläche im Browser gerendert wird. Beide Bibliotheken sind als Skripte im unpkg CDN verfügbar ...