Über die 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: Formulare, Schaltflächen, Filtereingaben, Paginierung, Layouts, Linien-, Balken-, Streudiagramme und Tabellen.
Die schnelle Wertschöpfung ist zwar eine der Stärken von Komponenten, aber sie zeichnet sich dadurch aus, dass nahtlose Interaktionen zwischen Looker und benutzerdefinierten Anwendungen möglich sind.
Typische Anwendungsfälle:
- Looker-ähnliche UI wie Seitennavigation innerhalb einer Looker-Erweiterung erstellen
- Looker-artige Benutzeroberfläche wie Dashboard-Filter um eingebettete Looker-Inhalte erstellen
- Einfachere Visualisierung in einer eingebetteten Analyseanwendung ohne Vollbild-Einbettung
Komponenten verwenden
Da Looker-Komponenten React-Komponenten sind, können sie über NPM in Ihre Front-End-JavaScript- oder TypeScript-Anwendung aufgenommen werden.
Für UI-Komponenten, Filterkomponenten und Visualisierungskomponenten sind separate NPM-Pakete verfügbar.
Testen
Möchten Sie Looker-Komponenten in der Praxis sehen, bevor Sie Code schreiben? Die folgenden Demos und Sandboxes können Ihnen dabei helfen:
- Interaktive Komponenten zu Komponenten: Eine Liste aller Looker-Komponenten mit Ausnahme der Visualisierungskomponenten
- Atom Fashion: Eine datengestützte Anwendung, die mithilfe von Looker-Komponenten erstellt wurde (Google-Konto zur Anmeldung erforderlich)
Erste Schritte
Erste Schritte mit Looker-UI-Komponenten Erste Schritte mit Looker-Komponenten Erste Schritte mit den Looker-Visualisierungskomponenten