Das kleinste React-Beispiel sieht so aus:
ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('root'));Es zeigt eine Überschrift mit den Worten „Hallo, Welt!“ auf der Seite an.
Versuchen Sie es auf CodePen
Klicken Sie auf den Link oben, um einen Online-Editor zu öffnen. Fühlen Sie sich frei, einige Änderungen vorzunehmen und zu sehen, wie sie die Ausgabe beeinflussen. Die meisten Seiten in diesem Handbuch werden editierbare Beispiele wie dieses enthalten.
Wie Sie dieses Handbuch lesen sollten
In diesem Handbuch werden wir die Bausteine von React-Apps untersuchen: Elemente und Komponenten. Sobald Sie diese beherrschen, können Sie komplexe Apps aus kleinen, wiederverwendbaren Teilen erstellen.
Tipp
Dieser Leitfaden ist für Leute gedacht, die Konzepte lieber Schritt für Schritt lernen. Wenn Sie lieber „by doing“ lernen, schauen Sie sich unser praktisches Tutorial an. Sie werden feststellen, dass dieser Leitfaden und das Tutorial sich gegenseitig ergänzen.
Dies ist das erste Kapitel in einem Schritt-für-Schritt-Leitfaden über die wichtigsten React-Konzepte. Eine Auflistung aller Kapitel finden Sie in der Navigations-Seitenleiste. Wenn Sie dies von einem mobilen Gerät aus lesen, können Sie auf die Navigation zugreifen, indem Sie auf die Schaltfläche in der unteren rechten Ecke Ihres Bildschirms drücken.
Jedes Kapitel in diesem Handbuch baut auf dem Wissen auf, das in früheren Kapiteln eingeführt wurde. Sie können das meiste über React lernen, indem Sie die Kapitel des Handbuchs „Hauptkonzepte“ in der Reihenfolge lesen, in der sie in der Seitenleiste erscheinen. Zum Beispiel ist „Einführung in JSX“ das nächste Kapitel nach diesem hier.
Annahmen zum Wissensstand
React ist eine JavaScript-Bibliothek, daher gehen wir davon aus, dass Sie ein Grundverständnis der JavaScript-Sprache haben. Wenn Sie sich nicht sehr sicher fühlen, empfehlen wir Ihnen, ein JavaScript-Tutorial durchzuarbeiten, um Ihren Wissensstand zu überprüfen und dieser Anleitung folgen zu können, ohne sich zu verirren. Das kann zwischen 30 Minuten und einer Stunde dauern, aber Sie werden dadurch nicht das Gefühl haben, React und JavaScript gleichzeitig zu lernen.
Hinweis
Dieser Leitfaden verwendet in den Beispielen gelegentlich einige der neueren JavaScript-Syntax. Wenn Sie in den letzten Jahren nicht mit JavaScript gearbeitet haben, sollten Sie mit diesen drei Punkten am besten zurechtkommen.
Lassen Sie uns anfangen!
Scrollen Sie weiter nach unten, und Sie finden den Link zum nächsten Kapitel dieser Anleitung direkt vor der Fußzeile der Website.