La raccolta di componenti di Looker consente alle applicazioni di utilizzare gli elementi di design e i pattern di UI di Looker tramite l'interfaccia dei componenti React. Alcuni esempi di componenti sono moduli, pulsanti, input di filtro, controlli di paginazione, layout e altro ancora.
Sebbene il rapido time-to-value sia uno dei punti di forza dei componenti, il loro vero punto di forza è la possibilità di offrire esperienze più fluide tra Looker e le applicazioni personalizzate.
Ecco alcuni casi d'uso comuni:
- Creazione di un'interfaccia utente simile a quella di Looker, ad esempio la navigazione tra le pagine, all'interno di un'estensione di Looker
- Creazione di un'interfaccia utente simile a quella di Looker, ad esempio i filtri della dashboard, intorno ai contenuti di Looker incorporati
Utilizzare i componenti
Poiché sono componenti React, i componenti di Looker vengono pubblicati su NPM e possono essere aggiunti all'applicazione frontend JavaScript o TypeScript utilizzando NPM.
Sono disponibili pacchetti NPM separati per i componenti dell'interfaccia utente e i componenti dei filtri.
Fai una prova
Vuoi vedere i componenti di Looker in azione prima di scrivere codice? Questa demo può essere utile per:
- Atom Fashion: un'applicazione web demo basata sui dati creata utilizzando i componenti di Looker (è necessario un Account Google per accedere)