React

Definition

React ist eine von Meta (ehemals Facebook) entwickelte, open-source JavaScript-Bibliothek für den Aufbau von Benutzeroberflächen, insbesondere Single-Page-Applications (SPA). React arbeitet komponentenbasiert und verwendet einen Virtual DOM für effiziente DOM-Updates. Es ist eine der am weitesten verbreiteten Frontend-Technologien weltweit.

Erläuterung

React-Anwendungen bestehen aus wiederverwendbaren Komponenten, die JSX – eine Syntaxerweiterung für JavaScript – verwenden, um HTML-ähnliche Strukturen direkt im JavaScript-Code zu schreiben. Das Konzept des unidirektionalen Datenflusses ("one-way data binding") macht den Anwendungszustand vorhersehbarer und einfacher zu debuggen. Mit React Hooks (eingeführt in Version 16.8) können auch Funktionskomponenten Zustand und Lebenszykluslogik verwalten, was die Code-Komplexität gegenüber Klassenkomponenten erheblich reduziert. React allein ist eine UI-Bibliothek; für Routing, State-Management und serverseitiges Rendering werden Ergänzungen wie React Router, Redux, Zustand oder Next.js benötigt. Für SEO-kritische Anwendungen empfiehlt sich Server-Side Rendering (SSR) oder Static Site Generation (SSG), da reine Client-Side-React-Anwendungen von Crawlern möglicherweise nicht vollständig indiziert werden.

Praxistipp: Setzen Sie für oeffentlich zugängliche, SEO-relevante Inhalte auf Next.js als React-Meta-Framework, da es SSR und SSG von Haus aus unterstützt. Messen Sie regelmäßig die Bundle-Grösse und nutzen Sie React.lazy() mit Suspense, um Code Splitting auf Komponentenebene umzusetzen.