Mit der Komponentenbibliothek von Looker können Anwendungen die Designelemente, UI-Muster und Datenvisualisierungen von Looker über die Oberfläche von React-Komponenten nutzen. Beispiele für Komponenten sind Formulare, Schaltflächen, Filtereingaben, Paginierungseinstellungen, Layouts, Liniendiagramme, Balkendiagramme, Streudiagramme, Tabellen und mehr.
Die schnelle Wertschöpfung ist zwar eine der Stärken von Komponenten, die aber vor allem zu nahtloseren Interaktionen zwischen Looker und benutzerdefinierten Anwendungen führen.
Typische Anwendungsfälle:
- Looker-ähnliche Benutzeroberfläche wie die Seitennavigation in einer Looker-Erweiterung erstellen
- Looker-ähnliche Benutzeroberfläche, z. B. Dashboard-Filter, um eingebettete Looker-Inhalte erstellen
- Einfachere Visualisierung innerhalb einer eingebetteten Analyseanwendung ohne Full iFrame-Einbettung
Komponenten verwenden
Als Looker-Komponenten werden Looker-Komponenten in NPM veröffentlicht und können mithilfe von NPM komfortabel zu Ihrem Front-End-JavaScript oder Ihrer TypeScript-Anwendung hinzugefügt werden.
Für UI-Komponenten, Filterkomponenten und Visualisierungskomponenten sind separate NPM-Pakete verfügbar.
Testen
Möchten Sie die Looker-Komponenten in Aktion sehen, bevor Sie Code schreiben? Diese Demos und Sandboxes können Ihnen helfen:
- Interaktive Komponenten: eine Liste aller Looker-Komponenten mit Ausnahme der Visualisierungskomponenten
- Visualization-Komponenten-Playground: Interaktiv aus den verfügbaren Visualisierungsoptionen auswählen und die Visualisierung in der Playground-Anwendung ohne Einbettung darstellen
- Atom Fashion: Eine Demoanwendung, die mithilfe von Looker-Komponenten erstellt wird. Für die Anmeldung ist ein Google-Konto erforderlich.
Erste Schritte
Erste Schritte mit Looker-UI-Komponenten Erste Schritte mit Looker-Komponenten Erste Schritte mit den Looker-Visualisierungskomponenten