←  Alle Begriffe
K
Frontend & Web Development

Komponente

Eine Komponente ist ein abgegrenzter, wiederverwendbarer UI-Baustein mit definiertem Aufbau, Verhalten und möglichen Varianten.

Eine Komponente ist ein abgegrenzter, wiederverwendbarer UI-Baustein mit definiertem Aufbau, Verhalten und möglichen Varianten. Gute Implementierungen sollten semantisch, wartbar und performant sein und auf unterschiedlichen Geräten sowie mit verschiedenen Eingabemethoden funktionieren. Eng verbunden ist der Begriff mit Component-Based Development und Design System.

Weiterlesen

Component-Based Development

Design System

Webflow Components

FAQ

Komponente

Wie werden Komponenten in Webflow umgesetzt?
Webflow bietet Components mit Eigenschaften, Varianten und Slots, über die Inhalte und Darstellung pro Instanz angepasst werden. Änderungen an der Hauptkomponente wirken auf alle Instanzen. Für Interaktionslogik mit komplexem Zustand kommen Code-Komponenten mit React infrage. Die Wahl richtet sich nach dem benötigten Verhalten.
Wann ist eine Variante besser als eine neue Komponente?
Eine Variante passt, wenn Struktur und Verhalten gleich bleiben und sich nur Darstellung oder Zustand unterscheiden, etwa Größe, Farbe oder Aktivstatus. Weicht der Aufbau ab, ist eine eigene Komponente ehrlicher. Zu viele Varianten erzeugen Konfigurationen, die niemand mehr überblickt und die schwer zu testen sind.
Ab wann lohnt sich die Bildung einer Komponente?
Sobald ein Baustein an mehreren Stellen mit gleichem Aufbau vorkommt, spart eine Komponente Pflegeaufwand. Eine Änderung wirkt dann überall gleichzeitig. Für einmalige Sonderlayouts ist der Aufwand meist höher als der Nutzen. Als Faustregel gilt: erst nach dem zweiten oder dritten Einsatz abstrahieren, nicht auf Vorrat.