Mit der Komponentenbibliothek von Looker können Anwendungen die Designelemente, UI-Muster und Datenvisualisierungen von Looker über die Benutzeroberfläche der React-Komponenten nutzen. Beispiele für Komponenten sind Formulare, Schaltflächen, Filtereingaben, Paginierungssteuerungen, Layouts, Liniendiagramme, Balkendiagramme, Streudiagramme, Tabellen und mehr.
Während die schnelle Wertschöpfung eine der Stärken von Komponenten ist, glänzen sie vor allem darin, dass sie nahtlosere Erfahrungen zwischen Looker und benutzerdefinierten Anwendungen ermöglichen.
Typische Anwendungsfälle:
- Looker-ähnliche Benutzeroberfläche, z. B. die Seitennavigation, in einer Looker-Erweiterung erstellen
- Looker-ähnliche Benutzeroberflächen wie Dashboard-Filter für eingebettete Looker-Inhalte erstellen
- Bereitstellung einer schlanken individuellen Visualisierung in einer eingebetteten Analyseanwendung ohne den vollen Funktionsumfang einer iFrame-Einbettung
Komponenten verwenden
Looker-Komponenten sind React-Komponenten, die für NPM veröffentlicht werden und komfortabel zu Ihrer Front-End-JavaScript- oder TypeScript-Anwendung hinzugefügt werden können.
Für UI-Komponenten, Filterkomponenten und Visualisierungskomponenten sind separate NPM-Pakete verfügbar.
Testen
Möchten Sie Looker-Komponenten in Aktion sehen, bevor Sie Code schreiben? Diese Demo kann Ihnen dabei helfen:
- Atom Fashion: eine datengesteuerte Demo-Webanwendung, die mit Looker-Komponenten erstellt wurde (Anmeldung mit Google-Konto erforderlich)