JavaScript-Bibliothek React: Neue Umfrage zum Ökosystem zeigt die Trends

Inhaltsverzeichnis

close notice

This article is also available in English. It was translated with technical assistance and editorially reviewed before publication.

Don’t show this again.

Die Ergebnisse zur Umfrage "State of React" aus dem Herbst 2024 liegen vor. Das Kollektiv Devographics, das auch hinter der Umfrage "State of JavaScript" steckt, hat sie zum zweiten Mal organisiert und Antworten von rund 7900 React-Developern weltweit erhalten. Bei ihren meistverwendeten APIs und Hooks inklusive damit verbundener Schwierigkeiten zeigt sich ein ähnliches Bild zur Umfrage aus 2023, doch die aktuelle Version React 19 könnte sich positiv auf die Developer Experience auswirken. TanStack arbeitet derweil an einem Full-Stack-Framework, das Next.js Konkurrenz machen könnte.

Die schwierigsten React-APIs: forwardRef und memo

Wie im Vorjahr sind forwardRef und memo die größten "Pain Points" unter den gängigsten React-APIs – das dürfte sich durch React 19 allerdings ändern. Diese Version ist im Dezember 2024 erschienen – somit nach Durchführung der Umfrage – und soll die Schwierigkeiten beheben: forwardRef ist im neuen Release nicht mehr notwendig und gilt nun als deprecated (veraltet). Es bleibt daher spannend, welche Erkenntnisse die nächste Ausgabe der Studie bringen wird.

Unter den neuen APIs, die wieder separat abgefragt wurden, stehen die React Server Components mit 20 Prozent erneut an erster Stelle der Unbeliebtheitsskala, was allerdings vier Prozent weniger als im letzten Jahr sind.

Als schwierigster Hook steht useEffect wie schon im Vorjahr auf Platz 1. Das erklären die Studienmacher vor allem damit, dass er mit dem manuellen Verwalten von Dependency-Arrays in Zusammenhang steht. Diese landen bei der Unbeliebtheitsskala auf Platz 2, vor den Hooks useCallback und useMemo.

Positive Sicht auf <Fragment>, useState und createContext

Nach dem Gebrauch aller React-Features befragt, nutzen die Studienteilnehmenden am häufigsten useState, useEffect, <Fragment>, useRef und useContext – diese haben über 90 Prozent von ihnen bereits eingesetzt, useState sogar 99 Prozent.

Die Befragten konnten darüber hinaus zu jedem der genutzten Features eine positive, neutrale oder negative Bewertung abgeben und wahlweise einen Kommentar hinzufügen. Mit 56 Prozent erhält dabei <Fragment> den meisten positiven Zuspruch, darauf folgen useState mit 50 Prozent und createContext mit 49 Prozent. Über createContext haben zudem drei Prozent der Personen, die zwar davon gehört, es aber noch nicht eingesetzt haben, ebenfalls ihre positive Meinung kundgetan.

Dabei sind sich die React-Entwicklerinnen und -Entwickler allerdings bei weitem nicht einig. Zu <Fragment> bemerkt beispielsweise ein Developer, dass es einfach zu nutzen sei, aber nicht notwendig sein sollte ("It's easy to use, but it shouldn't be necessary"), während eine andere Person es schon immer als überflüssige Syntax empfunden hat ("This has always felt like unneeded syntax, I've always wondered if it can go away"). Im Gegenzug dazu sind andere davon begeistert – zu den positiven Kommentaren zählt ein simples "Love this!".

Libraries und Frameworks: TanStack Query überholt Next.js

Unter den React-Libraries und -Frameworks haben sich die quelloffenen State-Management-Tools TanStack Query und Zustand auf der Beliebtheitsskala nach vorne geschoben: Sie verweisen damit Vercels React-Framework Next.js vom ersten auf den dritten Platz, während TanStack Query als Sieger hervorgeht. Letzteres ruft unter den befragten Developern wahre Begeisterungsstürme hervor, die es in den Kommentaren mehrfach als "the best" – oder einmal gar als "my beloved" – hervorheben. Zustand hat ebenfalls überschwängliche Kommentare vorzuweisen, ergattert den zweiten Platz jedoch nur, wenn auch die 13 Prozent Interessierten mit einberechnet werden, die es noch nicht verwendet haben.

Bei dieser Frage hat das Umfrageteam einige Items wie useState und fetch als Referenzpunkte eingefügt, obwohl es sich dabei nicht um Libraries handelt, wie die Grafik zeigt:

Das meistgenutzte Framework ist laut der Umfrage Create React App, aber mit 33,1 Prozent negativen Bewertungen ist lediglich Redux mit 34,1 Prozent noch unbeliebter. Bereits im vergangenen Jahr wiesen die Studienmacher jedoch darauf hin, dass Create React App offiziell als veraltet gilt.

Ausblick auf TanStack Start

Neben den Kernfeatures von React, für die React 19 einige Verbesserungen im Gepäck hat und dessen Auswirkungen in der nächsten Studie sichtbar werden dürften, wirft Devographics in der Einleitung zur Studie auch einen Blick auf TanStack. Auf dem Erfolg von TanStack Query aufbauend, arbeitet das Entwicklungsteam derzeit an TanStack Start, einem potenziellen Next.js-Herausforderer. Das Fullstack-Framework TanStack Start, hinter dem der TanStack Router steht, befindet sich aktuell in der Beta-Phase.

Alle Ergebnisse der aktuellen "State of React"-Umfrage lassen sich der Website entnehmen. Dort können Interessierte beispielsweise nach Nutzungshäufigkeit oder positiven beziehungsweise negativen Bewertungen filtern. Die Kommentare lassen sich durch einen Klick auf die Sprechblase am Ende der jeweiligen Zeile einsehen.

JavaScript-Konferenz von Heise: enterJS 2025

Die enterJS 2025 findet am 7. und 8. Mai in Mannheim statt. Die Konferenz bietet einen umfassenden Blick auf die JavaScript-gestützte Enterprise-Welt. Der Fokus liegt nicht nur auf den Programmiersprachen JavaScript und TypeScript selbst, sondern auch auf Frameworks und Tools, Accessibility, Praxisberichten, UI/UX und Security.

React-Highlights aus dem Programm:

• React: Single-Page- oder Fullstack-Anwendung (Workshop, 6. Mai)
• Moderne React-Anwendungen mit TanStack
• 4 kritische Antipatterns in der React/TypeScript-Entwicklung

Tickets sind zum Frühbucherpreis im Online-Shop erhältlich.

(mai)