Der useState Hook wird verwendet, um Zustandsfunktionalität hinzuzufügen;

Er ermöglicht es uns, Zustandsvariablen innerhalb einer Komponente zu deklarieren und zu verwalten;

Durch Aufrufen des useState Hooks können wir eine Zustandsvariable und eine entsprechende Setter-Funktion initialisieren;

Das Aktualisieren der Zustandsvariable löst ein erneutes Rendern der Komponente aus, das den neuen Zustandswert widerspiegelt.

Der useRef Hook bietet eine Möglichkeit, veränderliche Variablen zu erstellen, die über Komponentendarstellungen hinweg bestehen bleiben;

Im Gegensatz zu useState löst useRef kein erneutes Rendern aus, wenn sich sein Wert ändert;

Er wird häufig verwendet, um auf DOM-Elemente zuzugreifen oder Referenzen zu speichern, vorherige Werte zu verwalten oder Werte zwischen Renderings zu bewahren.

Der useEffect Hook ermöglicht es uns, Nebeneffekte auszuführen;

Wir können useEffect verwenden, um Aufgaben wie das Abrufen von Daten, Abonnements oder die Interaktion mit dem DOM zu handhaben;

Durch die Angabe von Abhängigkeiten steuern wir, wann der Effekt ausgeführt wird, optimieren die Leistung und verhindern unnötige erneute Renderings.

Der useMemo Hook ermöglicht die Memoisierung von aufwendigen Berechnungen oder Rechenoperationen;

Er nimmt eine Funktion und ein Abhängigkeitsarray und gibt einen memoisierten Wert zurück;

Das Bereitstellen eines Abhängigkeitsarrays stellt sicher, dass der memoisierte Wert nur dann neu berechnet wird, wenn sich die Abhängigkeiten ändern. Diese Optimierung kann die Leistung erheblich verbessern, indem unnötige Neuberechnungen vermieden werden.

Kontext ermöglicht das Durchreichen von Daten durch den Komponentenbaum, ohne explizites Props-Drilling zu erfordern;

Er ermöglicht die globale Zustandsverwaltung und erlaubt Komponenten den Zugriff auf gemeinsame Daten;

Kontext besteht aus zwei Hauptteilen: dem Kontextobjekt und dem Kontextanbieter;

Das Kontextobjekt hält die gemeinsamen Daten, während die Anbieterkomponente den Teil des Komponentenbaums umschließt, der Zugriff auf diese Daten benötigt;

Konsumierende Komponenten können mit dem useContext Hook auf die Daten zugreifen.