react

Was ist React?

React ist eine quelloffene JavaScript-Bibliothek zur Entwicklung von Benutzeroberflächen, die 2013 von Facebook (heute Meta) veröffentlicht wurde. Ihr Ziel: große, interaktive Web-Anwendungen performant und wartbar zu bauen, ohne in Callback-Wirrwarr zu geraten. Heute gehört React neben Vue.js und Angular zu den drei verbreitetsten Frontend-Technologien überhaupt.

Wie React funktioniert

React baut auf dem Konzept komponentenbasierter UIs: Eine Seite besteht aus kleinen, wiederverwendbaren Bausteinen – Komponenten –, die sich jeweils für sich testen und pflegen lassen und Markup sowie Logik kapseln.

Zentrale Ideen sind:

Virtual DOM: React hält eine Darstellung der Seite im Speicher und berechnet die minimal nötigen Änderungen, bevor echte DOM-Updates ausgeführt werden – das spart Rechenleistung im Browser.
Unidirektionaler Datenfluss: Daten fließen von oben nach unten (Props); Zustand liegt in einzelnen Komponenten (State). Das macht das Verhalten nachvollziehbar.
Deklarative Beschreibung: Entwickler beschreiben das gewünschte Ergebnis, React kümmert sich um das Wie.

Zusammen mit Frameworks wie Next.js ergibt sich inklusive Server-Side-Rendering ein Pfad zum Build vollwertiger Web-Applikationen.

Hooks: moderne Zustandsverwaltung

Mit Hooks (2019) wurden zustandsbehaftete Logik und Nebenwirkungen deutlich sauberer formulierbar. Funktionen wie useState, useEffect oder useMemo erlauben es, Logik ohne Klassen zu schreiben und wiederzuverwenden.

Geschichte

Entstanden intern bei Facebook (seit etwa 2011), öffentlich vorgestellt 2013. Mit den Hooks etablierte sich ein neues, idiomatisches Muster, das viele Nachahmer fand. Heute ist React Bestandteil zahlreicher Unternehmens- und Verbraucher-Apps.

Stärken und Grenzen

Stärken sind das riesige Ökosystem, die breite Einstellbarkeit von Entwicklern und die native Performance dank Virtual DOM. Grenzen: React ist nur eine Bibliothek für die Ansichtsschicht – für Routing, Zustandsverwaltung oder Datenabruf braucht es zusätzliche Pakete. Der Auswahl- und Konfigurationsaufwand ist daher größer als bei „Batteries-included“-Frameworks.

Wofür React geeignet ist

React glänzt dort, wo interaktive Frontends gefragt sind: Dashboards, komplexe Formulare, Single-Page-Apps und datengetriebene Produktoberflächen. Für eine einfache statische Webpräsenz mit fünf Seiten ist es in der Regel überdimensioniert.

So erkennt man eine React-Website

Im fertigen HTML findet sich oft das typische data-reactroot-Attribut, kompilierte Bundles erscheinen unter Dateinamen wie main.*.js. Bei websitedetail.net identifizieren wir React sowie verbreitete Begleiter wie Next.js automatisch beim Crawlen und verlinken direkt auf passende Beispiel-Domains aus der Datenbank.

Letzte Redaktionsprüfung: 2026