Fluent React

Kapitel 5. Häufige Fragen und mächtige Muster

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: [e-mail]

Jetzt, da wir wissen, was React macht und wie es unter der Haube funktioniert, wollen wir seine praktischen Anwendungen ein wenig tiefer erforschen, wenn wir React-Anwendungen schreiben. In diesem Kapitel werden wir die Antworten auf häufige Fragen zu React erforschen, um unsere Kenntnisse über Memoisierung, Lazy Loading und Leistung zu verbessern. Beginnen wir damit, über Memoisierung zu sprechen.

Memoisierung mit React.memo

Memoisierung ist eine Technik, die in der Informatik verwendet wird, um die Leistung von Funktionen zu optimieren, indem ihre zuvor berechneten Ergebnisse zwischengespeichert werden. Einfach ausgedrückt, speichert die Memoisierung die Ausgabe einer Funktion auf der Grundlage ihrer Eingaben, so dass die Funktion, wenn sie erneut mit denselben Eingaben aufgerufen wird, das zwischengespeicherte Ergebnis zurückgibt, anstatt die Ausgabe neu zu berechnen. Dadurch werden die Zeit und die Ressourcen, die für die Ausführung einer Funktion benötigt werden, erheblich reduziert, insbesondere bei Funktionen, die rechenintensiv sind oder häufig aufgerufen werden. Die Memoisierung beruht auf der Reinheit einer Funktion, d. h. einer Funktion, die für bestimmte Eingaben vorhersehbar die gleichen Ergebnisse liefert. Ein Beispiel für eine reine Funktion ist:

function add(num1, num2) {
  return num1 ...