Was ist die Faser von React?

Was ist React Fiber? (Empfohlenes Lernen: PHPSTORM )

Die offizielle Erklärung lautet: „React Fiber ist eine Neuimplementierung des Kernalgorithmus.“ Es erscheint mir zu vage, das zu sagen, deshalb muss ich es noch im Detail erklären.

Seien Sie zunächst nicht zu nervös, dass die Einführung von React Fiber eine große Revolution ist. Für Entwickler, die React nur als Tool verwenden, werden wir möglicherweise keine davon spüren funktionale Veränderungen.

Wenn React v16 veröffentlicht wird, ändern wir die React-Versionsnummer in package.json, installieren die NPM erneut, alles ist erledigt, und dann haben wir das Gefühl, dass die Leistung der Webseite höher ist, das ist alles.

React Fiber-Methode

Die Methode zur Lösung des Problems der langen Synchronisierungsvorgangszeit in JavaScript ist eigentlich sehr einfach – Sharding.

Teilen Sie eine lange Aufgabe in viele kleine Teile auf. Obwohl die Gesamtzeit immer noch sehr lang ist, erhalten andere Aufgaben eine Chance zur Ausführung Auf diese Weise wird der einzige Thread nicht monopolisiert und andere Aufgaben haben weiterhin die Möglichkeit, ausgeführt zu werden.

React Fiber fragmentiert den Update-Prozess. Nach der Ausführung jedes Update-Prozesses wird die Kontrolle an das Modul zurückgegeben, das für die Aufgabenkoordination in React verantwortlich ist Gibt es andere dringende Aufgaben? Wenn es keine dringenden Aufgaben gibt, fahren Sie mit der Aktualisierung fort. Wenn es dringende Aufgaben gibt, erledigen Sie die dringenden Aufgaben.

Behalten Sie die Datenstruktur jedes Shards bei, bei dem es sich um Fiber handelt.

Nach dem Sharding ist der Aufrufstapel des Aktualisierungsprozesses wie in der folgenden Abbildung dargestellt. Jeder Tiefpunkt in der Mitte stellt den Ausführungsprozess eines bestimmten Shards dar, und jeder Höhepunkt ist der Zeitpunkt, zu dem ein Shard ausgeführt wird endet und die Kontrollrechte werden zurückgegeben.

Das obige ist der detaillierte Inhalt vonWas ist die Faser von React?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!