Was sind Komponenten getriebene Benutzeroberflächen? | Web- und App-Entwicklung

Опубликовано: 05 Август 2026
на канале: Fabian Hiller
605
13

Moderne Benutzeroberflächen werden immer individueller, komplexer und umfangreicher. Fast jede neue Funktion einer App führt wiederum zu weiteren UI Elementen.

Die Folge davon kann sein, dass die Anwendung am Ende 10 verschiedenen Buttons besitzt, die im Grund fast alle das selbe machen. Jedes Element besitzt dabei seine eigene Logik und sein eigenes Styling.

Ein solches System kann bei Updates und Erweiterungen sehr fehleranfällig werden und es kommt regelmäßig zu Wiederholungen im Code. Das ist ein Zustand den wir als Entwickler unbedingt vermeiden möchten und dabei kann der Ansatz von Komponenten getriebenen Benutzeroberflächen helfen.

▸ Atomic Design Video:    • Was ist Atomic Design? In 12 Minuten!  
▸ Adobe XD Video:    • Was ist Adobe XD? | Einführung in die Benu...  
▸ React Video:    • Was ist React? | Moderne Webentwicklung mi...  
▸ React Grundlagen Playlist:    • React.js Grundlagen  
▸ Storybook Video:    • Storybook Crashkurs - Komponentenbasierte ...  
▸ Component Driven Website: https://www.componentdriven.org/

Die im Video verwendeten Emojis wurden von OpenMoji entworfen - dem Open-Source-Emoji- und Icon-Projekt. Lizenz: CC BY-SA 4.0

▸ OpenMoji Website: https://openmoji.org/
▸ CC BY-SA 4.0 Website: https://creativecommons.org/licenses/...

▬ Online-Kurs ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

▸ Responsive Webdesign mit HTML, CSS, Bootstrap und Tailwind: https://shop.heise-academy.de/respons...

▬ Social Media ▬▬▬▬▬▬▬▬▬▬▬▬▬▬

▸ Twitter:   / fabianhiller  
▸ LinkedIn:   / fabianhiller  
▸ GitHub: https://github.com/fabian-hiller
▸ Instagram:   / fabian.hiller  

▬ Weitere Links ▬▬▬▬▬▬▬▬▬▬▬▬▬▬

▸ Impressum: https://www.sifa-digital.de/impressum/