React.js

Was ist React?

React ist eine JavaScript-Bibliothek, mit der man Benutzeroberflächen aus Komponenten baut. Sie beschreiben, wie der Bildschirm für den aktuellen Zustand aussehen soll, und React aktualisiert die Seite, sobald sich der Zustand ändert. React läuft im Browser, auf dem Server und über React Native auch auf dem Smartphone. React 19 ist die aktuelle Hauptversion, laut react.dev erschien 19.3 im September 2026.

So funktioniert React

Eine Komponente ist ein Teil der Oberfläche mit eigener Logik und eigenem Aussehen, und React-Komponenten sind JavaScript-Funktionen, die Markup zurückgeben. Dieses Markup schreibt man meist in JSX, das optional ist, aber von den meisten React-Projekten genutzt wird. Mit State merkt sich eine Komponente Informationen, und der Aufruf des von useState gelieferten Setters lässt React die Komponente mit dem neuen Wert erneut rendern.

function Counter() { const [count, setCount] = useState(0); return <button onClick={() => setCount(count + 1)}>{count} Klicks</button>; }

React im Jahr 2026

• Server Components: stabil in React 19. Sie werden vorab gerendert, einmal zur Build-Zeit oder bei jedem Request, in einer vom Browser getrennten Umgebung. Ihr Code bleibt aus dem Client-Bundle heraus, nur die gerenderte Ausgabe erreicht den Client. Eine 'use client'-Direktive markiert die interaktiven Teile. Meist nutzt man sie über ein Framework.
• React Compiler: Version 1.0 erschien am 7. Oktober 2025. Das Build-Werkzeug fügt Komponenten und Hooks automatische Memoization hinzu und ist mit React 17 und neuer kompatibel.
• Create React App ist veraltet: Das React-Team hat es am 14. Februar 2025 als deprecated markiert, weil es keine aktiven Maintainer hat. Für neue Apps empfiehlt es ein Framework wie Next.js, React Router oder Expo oder ein Build-Tool wie Vite, Parcel oder Rsbuild. Faustregel des Teams: Braucht Ihre App Routing, hilft wahrscheinlich ein Framework.

Wo React läuft

• Als clientseitige Single-Page-Anwendung (SPA), bei der der Browser JavaScript lädt und alles rendert.
• Mit Server-Side Rendering (SSR): Der Server liefert HTML, und der Browser hydriert es anschließend. Next.js ist dafür ein verbreitetes Framework.
• Auf Mobilgeräten mit React Native, das das Komponentenmodell teilt, aber nicht das DOM.

Häufige Fehler

• Ein neues Projekt mit Create React App beginnen, das veraltet ist.
• State direkt verändern, statt dem Setter einen neuen Wert zu übergeben.
• Listen ohne stabile key-Werte rendern.
• Effekte nutzen, um Werte zu berechnen, die sich schon beim Rendern ableiten ließen.
• Überall manuelle Memoization einbauen, bevor etwas gemessen wurde. Der Compiler übernimmt davon inzwischen viel.
• Eine reine Client-SPA mit großem Bundle ausliefern und den ersten Ladevorgang ignorieren.

React und Performance-Tests

Ein Lasttest schickt Traffic an Ihre Server und APIs. Er führt Ihren React-Code nicht aus und zeigt deshalb weder langsames Rendering noch ein zu großes Bundle. Das messen Sie in einem echten Browser: Der kostenlose Core-Web-Vitals-Checker liefert Felddaten zu einer URL, und das Page-Speed-Monitoring führt geplante Lighthouse-Audits aus und alarmiert bei Verschlechterungen. Die APIs, die Ihre Komponenten aufrufen, sind eine eigene Frage, die das API-Monitoring von außen prüft. Zum Weiterlesen: unsere Beiträge zu JavaScript-Performance und Frontend-Performance-Tests.

Häufige Fragen

Ist React eine Bibliothek oder ein Framework?

React wird meist als Bibliothek für Benutzeroberflächen bezeichnet. Routing und Datenabruf bringt es nicht mit, deshalb empfiehlt das React-Team, neue Apps mit einem Framework wie Next.js, React Router oder Expo zu beginnen.

Wird Create React App noch empfohlen?

Nein. Es wurde am 14. Februar 2025 als deprecated markiert und läuft nur noch im Wartungsmodus. Nutzen Sie für neue Projekte ein Framework oder ein Build-Tool wie Vite.

Was sind React Server Components?

Komponenten, die vorab auf einem Build-Server oder bei jedem Request gerendert werden, sodass ihr Code nicht an den Browser geht. Sie sind in React 19 stabil und werden meist über ein Framework genutzt.

Brauche ich den React Compiler?

Nein, er ist optional. Er memoisiert Komponenten und Hooks zur Build-Zeit automatisch und kann viel manuelle Memoization ersetzen. Version 1.0 ist stabil und funktioniert mit React 17 und neuer.

Welche React-Version ist aktuell?

React 19 ist die aktuelle Hauptversion. Die neueste auf react.dev gelistete Version ist 19.3.0 vom 9. September 2026.