iX 7/2019
S. 122
Praxis
Frontend-Entwicklung

Neue Schnittstelle: Die Hooks-API von React einsetzen

Die Abkürzung nehmen

Sebastian Springer

Mit der Version 16.8 hat die Hooks-API Einzug in React gehalten. Trotz des unspek­takulären Charakters einer Minor-Version könnte dieses Feature die Art der Entwicklung von React-Applikationen nachhaltig verändern.

Bisher spielten Klassen und Klassenkomponenten eine der Hauptrollen in der Anwendungsentwicklung mit React. Abhängig vom jeweiligen Projekt tauchten allerdings immer wieder Probleme auf. Wer beispielsweise State in Klassenkomponenten einsetzt, muss damit rechnen, dass der State und die zuge­hörige Logik wachsen. Das Ergebnis ist Unübersichtlichkeit. Die Hooks-API bringt Funktionen mit und will so für mehr Klarheit sorgen. 

Bevor es um die Hooks-API geht, lohnt sich ein Blick auf eine weitere, häufig verwendete Schnittstelle: die Context-API. Sie gibt einen Vorgeschmack darauf, in welche Richtung sich React entwickeln wird. Zahlreiche Bibliotheken bauen auf dieser Schnittstelle auf und sie verfolgt ein ähnliches Ziel wie die Hooks-API: Entwicklern mehr Möglichkeiten und Freiheiten beim Bau einer Anwendung verschaffen. Schließlich erlaubt ein Teil der Hooks-API den Zugriff auf die Con­text-­API.

Kommentieren