La libreria di componenti di Looker consente alle applicazioni di sfruttare gli elementi di progettazione, i pattern dell'interfaccia utente e le visualizzazioni dei dati di Looker, il tutto attraverso l'interfaccia dei componenti di React. Alcuni esempi di componenti includono moduli, pulsanti, input di filtri, controlli di impaginazione, layout, grafici a linee, grafici a barre, grafici a dispersione, tabelle e altro ancora.
Sebbene il time-to-value rapido sia uno dei punti di forza dei componenti, il punto di forza di queste applicazioni è offrire esperienze più fluide tra Looker e le applicazioni personalizzate.
Alcuni casi d'uso comuni includono:
- Creazione di UI di tipo Looker, ad esempio la navigazione nelle pagine, all'interno di un'estensione di Looker.
- Creazione di un'interfaccia utente simile a quella di Looker, ad esempio filtri della dashboard, attorno ai contenuti di Looker incorporati
- Offrono una visualizzazione individuale più leggera all'interno di un'applicazione di analisi incorporata senza l'esperienza completa di un iframe iframe.
Utilizzo dei componenti
Essendo componenti React, i componenti Looker vengono pubblicati in NPM e possono essere comodamente aggiunti all'applicazione JavaScript o TypeScript front-end utilizzando NPM.
Sono disponibili pacchetti NPM separati per componenti UI, componenti filtro e componenti di visualizzazione.
Fai una prova
Vuoi vedere i componenti di Looker in azione prima di scrivere del codice? Queste demo e le sandbox possono aiutarti a:
- Riferimenti interattivi per i componenti: un elenco di tutti i componenti di Looker diversi dai componenti di visualizzazione.
- Atom Fashion: un'applicazione web demo basata sui dati creata utilizzando i componenti Looker (richiede l'accesso a un Account Google)
Per iniziare
Inizia a utilizzare i componenti dell'interfaccia utente di Looker Inizia a utilizzare i componenti di Looker Inizia a utilizzare i componenti di visualizzazione di Looker