![\"Komponentenbibliothek:](\"https:\/\/www.inovex.de\/wp-content\/uploads\/2018\/03\/TODOComponents-1024x379.jpg\")
<\/a>Dies f\u00fchrt zu einer Reihe von Vorteilen:<\/p>\n
- \n
- Jede Komponente erf\u00fcllt einen speziellen Zweck.<\/li>\n
- Komponenten k\u00f6nnen ineinander geschachtelt und \u00fcber ihre API verkn\u00fcpft werden. Auf diese Art lassen sich komplexere Anwendungsf\u00e4lle abbilden.<\/li>\n
- Das Isolieren von Komponenten erm\u00f6glicht eine hohe Testbarkeit mit minimalem Aufwand bei gleichzeitig hoher Wiederverwendbarkeit.<\/li>\n<\/ul>\n
Eine Komponentenbibliothek, manchmal auch Pattern Library oder Styleguide genannt, ist eine zentralisierte Sammlung wiederverwendbarer Komponenten und kann in gr\u00f6\u00dferen Systemlandschaften team\u00fcbergreifend eingesetzt werden. In der Konsequenz kann die Bereitstellung einer Komponentenbibliothek eine Time to value<\/em> erheblich reduzieren. Die Entwicklung an einer zentralen Stelle minimiert zudem die Wartungskosten.<\/p>\n
Der Mehrwert einer Komponentenbibliothek ist insbesondere auch die enge Verzahnung der Entwicklung mit dem Design. Sie schafft zum einen eine gemeinsame Sprache, ein gemeinsames Verst\u00e4ndnis beim Schnitt der Anwendungen und setzt zum anderen die UI\/UX-Vorgaben direkt um.<\/p>\n
Je nach Implementierung kann die Ger\u00e4te- und Browser-\u00fcbergreifende Kompatibilit\u00e4t der Komponenten durch sinnvolle E2E-Tests sichergestellt werden. Die Erstellung von barrierefreiem Inhalt kann vereinfacht werden, wenn dies innerhalb der Komponenten bereits ber\u00fccksichtigt und durch entsprechende Tests, z.B. mithilfe von aXe<\/a>, abgesichert wird.<\/p>\n
Es sollte jedoch unbedingt bedacht werden, ob Komponenten in realen Projekten wiederverwendet werden k\u00f6nnen, oder ob diese nur eine Idealvorstellung darstellen. M\u00f6glicherweise sind Applikationen und\/oder organisatorische Strukturen derart heterogen, dass sich der zus\u00e4tzliche Aufwand, den eine Implementierung erfordert, nicht rechnet. Dies gilt insbesondere f\u00fcr (kleine) Teams mit sehr unterschiedlichen Applikationsanforderungen.<\/p>\n
\n<\/p>\n<\/div>