Damit im Anhang ein Startprojekt gefunden wird, wurde dieses Startprojekt mit der App "React erstellen" erstellt, einem
Tool, das vom React-Team erstellt wurde.
Am Ende ist es einfach, neue Reaktionsprojekte zu starten und uns eine solche Projektstruktur zu geben.
Ich habe es ein wenig angepasst, aber im Allgemeinen ist es genau das gleiche, was Sie von diesem Tool erhalten würden.
Warum brauchen wir so ein Werkzeug?
Warum importieren wir nicht einfach ein Skript in unser H.
HTML-Datei und loslegen?
Weil React etwas komplexer ist als Vanille-JavaScript.
Am Ende liefern wir Vanille-JavaScript-Code aus, aber die Art und Weise, wie wir in Code schreiben, ist für uns als
Entwickler etwas bequemer.
Wir können bestimmte Funktionen verwenden, die nicht im Browser ausgeführt werden. Daher sind in diesem
Projekt-Setup einige Tools enthalten, die den Code, den wir als Entwickler schreiben, in Code konvertieren, der in
einem Browser ausgeführt wird.
Hatten wir also Neuroma, den Code, der im Browser ausgeführt wird?
Als Entwickler fällt es uns jedoch leichter, diesen Code zu schreiben.
Darüber hinaus erhalten wir einen Entwicklungsserver, bei dem es sich um einen einfachen Server handelt, der unsere Front-End-Anwendung
bedient, also kein Back hat und nur diese Front dieser Anwendung bedient und der Änderungen automatisch
neu lädt oder einfügt, wenn wir etwas ändern und in einer unserer Quellen speichern Codedateien.
Außerdem erstellen wir hier mit REACT eine einseitige Anwendung.
Das ist kein Muss, aber es ist eine häufige Wahl in einer Anwendung mit nur einer Seite.
Sie haben nur eine H Timal-Datei, die am Ende vom Server zurückgegeben wird, der diese Anwendung bedient.
In diesem Fall ist diese Alters-Timmo-Datei, die selbst relativ leer ist.
Diese Datei enthält jedoch später Skriptimporte.
Sie werden automatisch von diesen zuvor erwähnten Tools hinzugefügt, die am Ende unsere Reaktionsanwendung hosten und
ausführen, die wir wiederum hier im Quellordner mit unseren Dateien, die wir dort erhalten haben, so
dass wir am Ende eine Webanwendung von haben Front-End, das aus einer HTML-Datei besteht, in der Denn JavaScript
verwendet wird, um etwas auf dem Bildschirm zu rendern und es bei Bedarf erneut auf dem Bildschirm
zu rendern.
Und das ermöglicht es uns, hochreaktive moderne Benutzeroberflächen zu erstellen, in denen alles sofort geschieht, da JavaScript vom
Browser ausgeführt wird und die Dinge sofort geschehen.
Wir müssen nicht warten, bis eine neue L-Datei von einem Server heruntergeladen wurde.
Es ist so, dass alles schon da ist.
Wenn ein Benutzer auf eine Schaltfläche klickt und als Reaktion auf diesen Klickboom ein Feld auf dem Bildschirm angezeigt werden
soll, geschieht dies sofort aufgrund von JavaScript.
Das ist das Gefühl, das wir vermitteln wollen.
Wir können das jetzt mit reagieren tun.
Genug von der Theorie.
Schreiben wir einen Code.
Wie bereits erwähnt, tun wir dies hier im Quellordner, wo wir in der App Chase-Datei einen Index
für seine Datei finden, beides sehr einfache Dateien.
Schauen wir uns nun das indizierte Zufallstelefon an.
Sie sehen, wir haben oben ein paar Importe.
So importieren Sie übrigens Code im Frontend.
Importieren Sie etwas aus und Śiva einen relativen Pfad zu Ihrer eigenen Datei.
Oder wenn es sich um ein Paket eines Drittanbieters handelt, nur um einen Paketnamen.
Und dann haben wir hier Importe aus unseren eigenen Dateien mit einem relativen Pfad.
Wie ich damals hier erwähnte, führen wir am Ende einen Befehl aus.
Reagiere Dom rendern.
Dies kommt vom React Dom-Objekt hier am Ende, das wir aus der
React Arm-Bibliothek importieren, und das macht diese seltsame Sache, die kein reguläres JavaScript ist.
Du bist es.
Dies spielt auf unserem H. M. Seite.
Dies ist normales JavaScript.
Und hier wählen wir das Element mit einer Idee von root aus.
Wenn wir uns unsere einzelne HGL-Datei ansehen, dann ist das hier Dave.
Daten sind also am Ende, wo unsere einseitige Reaktionsanwendung um zwei gehostet wird.
Und sie sind bereit zu reagieren, werden alles an diesem Ort übernehmen und rendern.
Das machen wir hier also.
Aber was ist das für eine seltsame Sache für Papa?
Wir müssen verstehen, was Komponenten sind und wie die Reaktion funktioniert.