Allgemein

React Hooks – what is new?

By 15. August 2019 No Comments
Bild arksolutions Laptop 3
5/5 - (2 votes)

Seit der Veröffentlichung von React 16.8 unterstützt das bekannte Framework sogenannte Hooks. Wir geben Ihnen einen kurzen Überblick über einige Vor- und Nachteile der neuen Funktionalität.

Mit React Hooks haben Sie grundsätzlich die Möglichkeit, sog. „state“ zu verwenden, ohne extra eine Klasse zu schreiben. Diese Möglichkeit reduziert den zu schreibenden Code, der zum Erstellen einer statusbezogenen Komponente erforderlich ist.

Nachfolgend einige Beispiele:

The old-school way:

React Hooks Bild 1

The new React Hooks way:

React Hooks Bild 2

Wie Sie sehen, brauchen Sie mit den Hooks deutlich weniger Code, was das Arbeiten effizienter macht.

Kann man React Klassenfunktionen wie componentDidMount, componentDidUpdate und componentWillUnmount in React Hooks nutzen?

Ja, Sie können! Hooks vereint diese Funktionen. Zukünftig können Sie die sogenannten „useEffect“ Funktion zum Verwalten Ihres kompletten Komponentenlebenszyklus verwenden. Nachfolgend sehen Sie auch hierfür ein kurzes Beispiel:

React Hooks Bild 3

Der gezeigte “useEffect” ist zu vergleichen mit folgendem Part:

React Hooks Bild 4

Der folgende Effekt wird nur ausgelöst, wenn die Zählvariable geändert wird:

React Hooks Bild 5

Der folgende Effekt wird nur ausgelöst, wenn die Komponente bereitgestellt wurde:

React Hooks Bild 6

Wie kann ich einen Aufruf von componentWillUnmount zum Aufräumen der Events im Falle des Komponenten Unmounts verwenden?

Auch hierfür gibt es ein gutes Beispiel, welches Sie im folgenden sehen:

React Hooks Bild 7

Unser Fazit:

Wenn Sie sich sicher mit React, den Lifecycle-Methoden und den zugehörigen Klassen fühlen, Ihren Code aber grundsätzlich einfacher und effizienter schreiben wollen, sind Sie mit React Hooks gut bedient. Die zugehörige Dokumentation ist bereits sehr umfangreich und gut geschrieben. Alle gängigen Hooks sind gut erklärt. Probieren Sie es doch einfach selbst mal aus. Wir nutzen es bereits sehr erfolgreich in unseren Kundenprojekten.

Haben Sie Interesse an individuellen Entwicklungen oder wollen Ihre Prozesse weiter digitalisieren?
Melden Sie sich bei uns. Wir helfen Ihnen in einem unverbindlichen und persönlichen Gespräch gerne weiter.


Rufen Sie uns jetzt an +49 89 9438432-0 oder schreiben Sie uns service@arksolutions.de

Allgemein

Microsoft Teams – Policies und Lifecyclemanagement

Im vergangen Blogbeitrag wurde das Thema „Governance“ unter die Lupe genommen. Wir erklärten, dass vorgegebene…
Allgemein

Microsoft Teams – Governance

Microsoft Teams – Governance Da Microsoft Teams in immer mehr Unternehmen eingesetzt wird, um die…
Allgemein
Microsoft Teams – Apps und Bots
Allgemein
Microsoft Teams – Benachrichtigungen und Chats