Heim >Web-Frontend >js-Tutorial >Was kann reagieren?
react ist eine JavaScript-Bibliothek, die hauptsächlich zum Erstellen von Benutzeroberflächen verwendet wird und zum Erstellen „vorhersehbarer“ und „deklarativer“ Webbenutzeroberflächen verwendet werden kann. React kann umfangreiche Anwendungen erstellen, bei denen sich Daten im Laufe der Zeit ändern, und die Entwicklungseffizienz verbessern.
React entstand aus dem internen Projekt von Facebook. Da das Unternehmen mit allen JavaScript-MVC-Frameworks auf dem Markt nicht zufrieden war, beschloss es, ein eigenes zu schreiben, um die Instagram-Website zu erstellen. Nachdem ich es erstellt hatte, stellte ich fest, dass diese Reihe von Dingen sehr nützlich ist, und so wurde sie im Mai 2013 als Open Source veröffentlicht.
React ist eine JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. React wird hauptsächlich zum Erstellen einer Benutzeroberfläche verwendet. Viele Leute denken, dass React das V (Ansicht) in MVC ist. React hat eine hohe Leistung und eine sehr einfache Codelogik. Immer mehr Menschen achten darauf und nutzen es.
React kann zum Erstellen „vorhersehbarer“ und „deklarativer“ Webbenutzeroberflächen verwendet werden; React kann umfangreiche Anwendungen erstellen, bei denen sich Daten im Laufe der Zeit ändern, und kann die Entwicklungseffizienz verbessern
Sie können mehrere Datentypen in React-Typ-Parametern übergeben B. Deklarationscodes, helfen Ihnen beim Rendern der Benutzeroberfläche, bei der es sich um statische HTML-DOM-Elemente, dynamische Variablen oder sogar interaktive Anwendungskomponenten handeln kann.
React-Funktionen
Deklaratives Design – React übernimmt ein deklaratives Paradigma, das die Beschreibung von Anwendungen erleichtert.
Effizient − React minimiert die Interaktion mit DOM durch Simulation von DOM.
Flexibel − React funktioniert gut mit bekannten Bibliotheken oder Frameworks.
JSX − JSX ist eine Erweiterung der JavaScript-Syntax. Die React-Entwicklung verwendet nicht unbedingt JSX, wir empfehlen es jedoch.
Components – Das Erstellen von Komponenten über React erleichtert die Wiederverwendung von Code und kann gut bei der Entwicklung großer Projekte eingesetzt werden.
Einseitiger Antwortdatenfluss – React implementiert einen unidirektionalen Antwortdatenfluss und reduziert dadurch doppelten Code, weshalb es einfacher als die herkömmliche Datenbindung ist.
Das Hauptprinzip von React
In herkömmlichen Webanwendungen werden DOM-Vorgänge normalerweise direkt aktualisiert, aber wir wissen, dass DOM-Aktualisierungen normalerweise relativ teuer sind. Um Vorgänge am DOM so weit wie möglich zu reduzieren, bietet React eine andere und leistungsstarke Möglichkeit, das DOM anstelle direkter DOM-Vorgänge zu aktualisieren. Es handelt sich um VirtualDOM, ein leichtes virtuelles DOM, ein von React abstrahiertes Objekt, das beschreibt, wie das Dom aussehen und wie es dargestellt werden soll. Das reale DOM wird über dieses virtuelle DOM aktualisiert, und dieses virtuelle DOM verwaltet die Aktualisierung des realen DOM.
Warum kann es durch diese zusätzliche Ebene virtueller DOM-Operationen schneller gehen? Dies liegt daran, dass React über einen Diff-Algorithmus verfügt, der nicht garantiert, dass es sich sofort auf das reale DOM auswirkt, und dann diesen Diff-Algorithmus verwendet, um den Mindestschritt durch Vergleich der aktuellen neuen Dom-Darstellung zu berechnen mit dem vorherigen. Aktualisieren Sie das echte DOM.
Der offensichtlichste Vorteil ist der sogenannte Dom-Diff von React, der Dom-Updates auf Delta-Ebene erreichen kann. Wenn Datenänderungen DOM-Änderungen verursachen, führt React keine globale Aktualisierung durch, sondern berechnet die Unterschiede über seinen internen Dom-Diff-Algorithmus und aktualisiert sie dann mit der kleinsten Granularität. Aus diesem Grund behauptet React auch, eine gute Leistung zu haben.
Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Einführung in die Programmierung! !
Das obige ist der detaillierte Inhalt vonWas kann reagieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!