Webentwicklung: Amazons AWS macht Cloudscape Design System zu Open Source
Das Webentwicklungssystem ist nun quelloffen verfügbar. Es bietet unter anderem React-basierte Frontend-Komponenten und User-Interface-Richtlinien.
(Bild: Shutterstock)
AWS hat verkündet, Cloudscape Design System quelloffen unter Apache-2.0-Lizenz zur Verfügung zu stellen. Cloudscape Design System besteht aus einer Reihe von Ressourcen zur Webentwicklung. Dazu zählen eine Bibliothek aus React-Komponenten sowie auf die User Experience und das User Interface bezogene Richtlinien und Best Practices.
Intern hat Amazons Cloud-Anbieter AWS das System bereits seit seiner Entwicklung 2016 im Gebrauch. Es entstand zur Verwendung mit den hauseigenen Produkten und Services und kommt beispielsweise bei der AWS Management Console zum Einsatz.
Frontend-Komponenten, Best Practices und Demos
Cloudscape Design System bietet sowohl über 60 Frontend-Komponenten als auch 35 Patterns. In 27 Demos können sich Interessierte einen Überblick über die Fähigkeiten des Systems verschaffen. Dazu zählen Komponenten für ein Service-Dashboard zur übersichtlichen Darstellung eines Services- und Ressourcenstatus, für eine geteilte Ansicht zum Vergleichen verschiedener Ressourcen oder zur Single- oder Multi-Page-Erstellung. Als Patterns bezeichnet, stehen wiederverwendbare Kombinationen von Komponenten zur Verfügung, die häufige Nutzerprobleme lösen und Best Practices zur User Experience vermitteln sollen. Sie beziehen sich unter anderem auf das Ankündigen neuer Features, Datenvisualisierung und Detailseiten auf GitHub.
Zu den weiteren Einstellungen in Cloudscape Design System zählen Theming, ein Dark Mode und die Cloudscape Figma Library mit globalen Styles und Komponenten. Das Open-Source-Stellen von Cloudscape Design System soll der Community erlauben, etwa ein User Interface für ein hybrides Cloud-Management-System zu erstellen oder eine Software zu entwickeln, die die AWS Management Console erweitert.
Voraussetzungen und Download
Um die Komponenten des Cloudscape Design System nutzen zu können, ist eine Installation der JavaScript-Library React erforderlich. Dann lassen sich das Cloudscape Global Styles Package (npm install @cloudscape-design/global-styles) sowie die React-Komponenten (npm install @cloudscape-design/components) via npm herunterladen. Eine detaillierte Anleitung zum Download und Einsatz der Komponenten findet sich auf der Website des Projekts. Zudem sind die React-Komponenten in einem GitHub-Repository verfügbar.
Weitere Details zur Open-Source-Veröffentlichung von Cloudscape Design System sind dem AWS-Blog zu entnehmen.
(mai)
