Mit der Komponentenbibliothek von Looker können Anwendungen die Designelemente, UI-Muster und Datenvisualisierungen von Looker über die Benutzeroberfläche von React-Komponenten nutzen. Beispiele für Komponenten sind Formulare, Schaltflächen, Filtereingaben, Paginierungssteuerungen, Layouts, Liniendiagramme, Balkendiagramme, Streudiagramme und Tabellen.
Die schnelle Wertschöpfung ist eine der Stärken von Komponenten. Sie eignen sich aber vor allem für eine nahtlose Nutzung von Looker und benutzerdefinierten Anwendungen.
Typische Anwendungsfälle:
- Looker-ähnliche Benutzeroberfläche wie die Seitennavigation in einer Looker-Erweiterung erstellen
- Looker-ähnliche Benutzeroberflächen wie Dashboardfilter für eingebettete Looker-Inhalte erstellen
- Bereitstellung einer leichteren individuellen Visualisierung in einer eingebetteten Analyseanwendung, ohne die volle Funktionalität eines iFrames
Komponenten verwenden
Da Looker-Komponenten React-Komponenten sind, werden sie in NPM veröffentlicht und können Ihrer Front-End-JavaScript- oder TypeScript-Anwendung mit NPM einfach hinzugefügt werden.
Da Looker-Komponenten React-Komponenten sind, werden sie in NPM veröffentlicht und können Ihrer Frontend-JavaScript- oder TypeScript-Anwendung über NPM hinzugefügt werden.
Für UI-Komponenten und Filterkomponenten sind separate NPM-Pakete verfügbar.
Testen
Möchten Sie Looker-Komponenten in Aktion sehen, bevor Sie Code schreiben? Diese Demo kann Ihnen helfen:
- Atom Fashion: eine Demo-datengetriebene Webanwendung, die mit Looker-Komponenten erstellt wurde (Anmeldung mit Google-Konto erforderlich)