A biblioteca de componentes do Looker permite que os aplicativos aproveitem os elementos de design, os padrões UI e as visualizações de dados do Looker em toda a interface dos componentes do React. Alguns exemplos de componentes incluem formulários, botões, entradas de filtro, controles de paginação, layouts, gráficos de linhas, de barras, gráficos de dispersão, tabelas e muito mais.
Embora o retorno rápido do valor seja um dos pontos fortes dos componentes, seu ponto forte é permitir experiências mais integradas entre o Looker e aplicativos personalizados.
Veja alguns casos de uso comuns:
- Criar UI semelhante ao Looker, como a navegação nas páginas, em uma extensão do Looker
- Criar UI semelhante ao Looker, como filtros de painel, em torno do conteúdo incorporado do Looker.
- Oferecer uma visualização individual mais leve em um aplicativo de análise incorporado sem a experiência completa de uma incorporação de iframe
Como usar componentes
Por serem componentes do React, os componentes do Looker são publicados no NPM e podem ser adicionados de forma conveniente ao seu aplicativo JavaScript ou TypeScript de front-end usando o NPM.
Pacotes diferentes do NPM estão disponíveis para componentes de interface, componentes de filtro e componentes de visualização.
Faça um teste
Quer conferir os componentes do Looker em ação antes de escrever qualquer código? Esta demonstração pode ajudar a:
- Atom Fashion: um aplicativo da Web de demonstração baseado em dados criado com componentes do Looker (requer uma Conta do Google para fazer login)