Hooks in React

In dieser Lektion beginnen wir mit der Einführung in Hooks. Wir sind ihnen bereits begegnet, als wir Zustände studiert haben - dort haben wir gelernt, mit dem Hook useState zu arbeiten.

Im Allgemeinen sind Hooks gewöhnliche JavaScript-Funktionen, deren Namen mit dem Wort 'use' beginnen.

Hooks ermöglichen es uns, Zustände und andere Funktionen von React ohne die Verwendung von Klassen zu nutzen. Sie erleichtern die Wiederverwendung von Code für verschiedene Aufgaben sowie dessen Testung und helfen dabei, komplexe Komponenten in einfachere Funktionen nach ihrer Bestimmung aufzuteilen. Einige Hooks sind sogar in der Lage, die Funktionalität von Redux zu ersetzen. Darüber hinaus helfen Hooks, die Leistung der Anwendung zu verbessern.

Wenn Sie Hooks verwenden möchten, dann befolgen Sie zwei grundlegende Regeln. Erstens, verwenden Sie sie nur auf der obersten Ebene - rufen Sie sie nicht innerhalb von Schleifen, bedingten Anweisungen oder verschachtelten Funktionen auf. Zweitens sollten Hooks nur aus React-Funktionen (aus React-Komponenten oder benutzerdefinierten Hooks) aufgerufen werden, aber nicht aus gewöhnlichen JavaScript-Funktionen.

Ein weiterer Fehler, den Programmierer oft machen, ist die unkontrollierte Verwendung von Hooks im Code. Bevor Sie diesen oder jenen Hook verwenden, vergewissern Sie sich, dass er wirklich notwendig ist.

In der nächsten Lektion werden wir die Typen von Hooks betrachten.