UI-Komponente

Eine UI-Komponente ist ein wiederverwendbarer Baustein der Oberfläche: ein Button, ein Eingabefeld, eine Karte aus Bild, Überschrift und Text, ein aufklappbarer Abschnitt. Sie wird einmal gestaltet und einmal gebaut, danach aber an vielen Stellen eingesetzt — samt ihrer Varianten (primär, sekundär) und Zustände (normal, Hover, deaktiviert, Fehler).

Der Nutzen zeigt sich nicht beim Bauen, sondern beim Ändern: Wenn alle Buttons einer Website dieselbe Komponente sind, ist eine Anpassung ein Eingriff und nicht dreißig. Der Fehler, den man dabei machen kann, ist, zu früh zu verallgemeinern — ein Baustein, der mit acht Schaltern jeden denkbaren Fall abdeckt, ist schwerer zu verstehen und zu pflegen als drei einfache. Eine brauchbare Faustregel: Etwas wird zur Komponente, wenn es zum dritten Mal gebraucht wird, nicht beim ersten Mal aus Vorsicht.