::teaser
---
title: "Das, was du sehen kannst"
image:
    path: "/img/explanations/"
    name: "components"
    position: "left"
---

Die meisten Anwendungen haben eine grafische Benutzeroberfläche - die sogenannte GUI. Wenn etwas grafisch ist, bedeutet das auch natürlich, dass es sinnvoll dargestellt werden muss. Dafür verwenden wir kleine Bausteine, die wir Komponenten nennen.

Grundsätzlich lassen sich komplette Anwendungen und auch einfache Webseiten ziemlich cool mit Komponenten aufbauen, sodass wir wiederkehrende Elemente wie Buttons, Textabschnitte, Links oder Teaser immer wieder verwenden können – selbst wenn sich diese in ihren Details wie Farben oder Icons unterscheiden.

Diese Komponenten so zu entwickeln, dass sie wirklich flexibel sind und auch perfekt mit dem Design übereinstimmen, ist gar nicht so einfach, denn oft sollten sie auch mehr können, als im Design kurzfristig ersichtlich ist.

**Diese Voraussicht, für den Fall der Fälle vorzusorgen:**  
**Die gibt's bei mir dazu.**  
<Highlight>Fussel-Ehrenwort.</Highlight>
::