Der einführende React-Blog aller Zeiten

Hallo zusammen? Ich hoffe, es geht euch allen gut. Anhand des Titels haben Sie vielleicht schon erraten, worum es in diesem Beitrag geht, aber vielleicht haben Sie es auch nicht getan, oder Sie finden etwas Unerwartetes. Bitte lesen Sie diesen Artikel also schnell durch.

Der Ursprung dieses Artikels

Als ich vor ein paar Jahren nach React gefragt wurde, war meine Antwort, dass es sich nur um JavaScript handelte. Ja, es ist JavaScript, aber darüber hinaus? Was genau kann es? Warum reden alle darüber?

Ich habe nach einem sehr einfachen Artikel oder einer Lektüre über React gesucht. Aber ich habe keine passenden Informationen gefunden. Selbst jetzt sehe ich viele Kollegen oder Freunde, die mit dem gleichen Problem konfrontiert sind. Deshalb habe ich beschlossen, einige Artikel über React zu schreiben, um ihnen den Start ihrer React-Lernreise zu erleichtern. Ich werde mein Bestes tun, um diese Artikel so einfach wie meine vorherigen Java- oder CSS-Artikel zu verstehen.

In diesem Artikel werde ich versuchen, Ihnen einen Überblick darüber zu geben, was React ist. Ich werde nicht auf den Codierungsteil oder komplizierte technische Begriffe eingehen, sondern versuchen, es einfach zu halten und es in ein paar Stichpunkten zusammenzufassen.

Bitte teilen Sie Ihre Gedanken im Kommentarbereich mit

Lasst uns anfangen…

---

• React ist eine JavaScript-Frontend-Bibliothek, die von Meta (ehemals Facebook) erstellt wurde. Ja, es handelt sich um eine Bibliothek, nicht um ein Framework, wohingegen Angular ein Framework zum Erstellen von Benutzeroberflächen ist.
• Mit React müssen Sie es nur installieren und Ihre Benutzeroberfläche erstellen. Wir werden im nächsten Artikel besprechen, wie man es verwendet. Denken Sie zunächst daran, dass für die Verwendung lediglich die Installation mit einem einfachen Befehl erforderlich ist.
• Wenn wir React verwenden, bietet es in unseren Webanwendungen ein gutes mobiles App-ähnliches Erlebnis.
• Wenn wir Webanwendungen mit React erstellen, müssen wir nicht warten, bis eine andere Seite geladen ist, bevor wir auf einen Link, eine Schaltfläche oder eine Registerkarte klicken.
• React erfordert nicht, dass wir die Seite neu laden, die Daten werden auf der Seite selbst aktualisiert, ohne dass ein Neuladen erforderlich ist. Das bedeutet, dass wir hier keine der reload() Methoden verwenden, obwohl es keine Einschränkung gibt, sie nicht zu verwenden denn am Ende ist es immer noch JavaScript.
• Mit React erstellte Webanwendungen sind äußerst interaktiv und reibungslos zu verwenden. Darüber hinaus erfolgt der Übergang hier fast sofort und wir müssen nicht warten, bis die neue Seite geladen ist.
• Auf einer herkömmlichen Website wird beim Klicken auf einen Link eine Anfrage an den Server gesendet, und der Server gibt als Antwort eine HTML-Seite zurück. Daher kann es zu Verzögerungen kommen und wir müssen warten, bis die Seite geladen ist. Während wir in React JavaScript im Browser ausführen, können wir unsere Logik im Browser ausführen und so manipulieren, was der Benutzer sieht. Dies geschieht über das DOM (eigentlich eine HTML-Struktur). Aus diesem Grund müssen wir keine HTML-Seite anfordern, um dem Benutzer unterschiedliche Inhalte anzuzeigen.
• Das Hauptmerkmal von React ist sein deklarativer und komponentenbasierter Entwicklungsansatz. Alles in React ist eine Komponente. Was sind React-Komponenten? Eine React-Komponente ist ein funktionsähnliches Modul, an das wir einige Parameter übergeben und das ein React-Element zurückgibt.
• Jetzt stellt sich die Frage: Was ist ein React-Element? Wie wir alle wissen, haben wir in HTML Elemente (p, div, body) und verwenden diese Elemente, um das Frontend der Anwendung zu erstellen. Jetzt werden React-Elemente auf die gleiche Weise verwendet wie HTML-Elemente, aber diese React-Elemente werden von uns selbst erstellt, während HTML-Elemente vorab erstellt werden.
• Jetzt kommt wieder die Frage, wie erstelle ich React-Elemente? Zum Erstellen von React-Elementen verwenden wir JSX. JSX steht für JavaScript XML. JSX-Code ist im Grunde HTML-Code in JavaScript. Wir müssen JSX nicht verwenden, aber es erleichtert das Schreiben von React-Anwendungen. Das war's mit der Einführung in JSX, wir werden JSX in einem anderen Artikel ausführlich besprechen.
• Der wichtigste Punkt ist jetzt, warum wir React verwenden, weil es den SPA-Ansatz verwendet, den Single-Page-Application-Ansatz. Bei diesem Ansatz wird keine neue HTML-Seite geladen, der Server sendet die HTML-Seite nur einmal, woraufhin React die Benutzeroberfläche der Anwendung übernimmt und steuert, indem es die DOM-Elemente auf der vorhandenen Seite manipuliert. Das beste Beispiel dafür ist die Netflix-Website. Sie können sie besuchen und selbst feststellen, dass keine HTML-Seite geladen wird.https://www.php.cn/link/b06cbb874ce37177f6dcdf690b5ac490

Abschließend möchte ich sagen, dass es bei React darum geht, moderne, reaktionsfähige Benutzeroberflächen zu erstellen.

Vielen Dank fürs Lesen. Bis bald in einem weiteren Grundlagenartikel

Wenn Sie irgendwelche Ideen haben, teilen Sie sie mir bitte mit und korrigieren Sie mich, wenn ich falsch liege.

Ich hoffe, Ihnen hat dieser Artikel gefallen und Sie fanden ihn hilfreich.

Vernetzen Sie sich mit mir auf Twitter oder LinkedIn

Wenn Sie mehr über Java oder CSS lesen möchten, besuchen Sie bitte meinen Blog https://www.php.cn/link/5a2cb441c18f6535a9fb765251345d0f

Das obige ist der detaillierte Inhalt vonDer einführende React-Blog aller Zeiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!