Zum Inhalt springen
Werkzeug · Bau & KI

Buchung und Formulare reagieren sofort, ohne Neuladen.

React
Bau & KI
Was es ist

Die Technik hinter allem, was auf deiner Seite auf einen Klick reagiert. Statt die ganze Seite neu zu laden, ändert sich nur der Teil, der sich ändern soll.

Ohne

Jeder Klick lädt die Seite neu, jedes Mal von vorn.

Mit

Der nächste Schritt ist sofort da — es fühlt sich an wie eine App.

Wie es arbeitet
  1. Alles ist ein Bauteil

    Kopfzeile, Karte, Knopf — jedes Stück existiert genau einmal und wird überall dort eingesetzt, wo es gebraucht wird.

  2. Geändert wird an einer Stelle

    Wenn die Karte einen Rahmen bekommen soll, bekommt sie ihn auf allen Seiten gleichzeitig. Kein Nachziehen, kein Vergessen.

  3. Der Zustand steuert das Bild

    Ob ein Menü offen ist, steht als Zustand fest — die Darstellung folgt daraus, statt umgekehrt.

  4. Neu gezeichnet wird nur, was sich ändert

    Wenn sich ein Wert ändert, wird nicht die ganze Seite neu aufgebaut, sondern das betroffene Stück.

Was es technisch tut
  1. Seite
  2. Kopfzeile
  3. Inhalt
  4. Fußzeile
  5. Karte

Eine Seite ist ein Baum aus Bauteilen. Die Karte gibt es einmal — sie steht auf vierzig Seiten und wird an einer Stelle geändert.

Eine Bibliothek für Oberflächen. Die Seite wird in Bausteine zerlegt, jeder Baustein kennt seinen eigenen Zustand. Ändert sich etwas, wird nur der betroffene Teil ausgetauscht statt die ganze Seite neu aufgebaut.

Harte Angaben
Version
19
Prinzip
Bausteine
Aktualisierung
nur der geänderte Teil
Verbreitung
größtes Ökosystem im Web
So setze ich es ein
01

Anfrage-Strecken, die Schritt für Schritt weitergehen

02

Klappmenüs und Bildergalerien, die sofort reagieren

03

Formulare, die Fehler beim Tippen melden statt erst am Ende

Wo es nicht passt

Jeder Baustein muss im Browser des Besuchers ausgeführt werden. Auf Seiten ohne Interaktion ist das unnötiges Gewicht — dort baue ich bewusst ohne.

In der Praxis
Diese Seite

Der Anfrage-Konfigurator läuft in vier Schritten durch, ohne ein einziges Neuladen.

Nachbarwerkzeuge