La biblioteca de componentes de Looker permite que las aplicaciones aprovechen los elementos de diseño, los patrones de IU y las visualizaciones de datos de Looker, todo a través de la interfaz de los componentes de React. Algunos ejemplos de componentes incluyen formularios, botones, entradas de filtro, controles de paginación, diseños, gráficos de líneas y de barras, gráficos de dispersión, tablas y muchos más.
Si bien la generación de valor rápida es una de las fortalezas de los componentes, donde realmente se destaca es permitir experiencias más fluidas entre Looker y las aplicaciones personalizadas.
Estos son algunos casos de uso comunes:
- Crear una IU similar a Looker, como la navegación de páginas, dentro de una extensión de Looker
- Creación de una IU similar a Looker, como filtros en el panel, en torno al contenido incorporado de Looker
- Ofrece una visualización individual más ligera dentro de una aplicación de estadísticas incorporada sin la experiencia completa de una incorporación de iframe.
Cómo usar componentes
Como se trata de componentes de React, los componentes de Looker se publican en NPM y se pueden agregar de manera conveniente a tu aplicación frontend de JavaScript o TypeScript mediante NPM.
Hay paquetes de NPM independientes disponibles para los componentes de la IU, los componentes de filtro y los componentes de visualización.
Probarlo
¿Quieres ver los componentes de Looker en acción antes de escribir código? Esta demostración puede ayudarte a lograr lo siguiente:
- Atom Fashion: Es una aplicación web de demostración basada en datos compilada con componentes de Looker (se requiere una Cuenta de Google para acceder).