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, gráficos de barras, gráficos de dispersión, tablas y mucho más.
Si bien el tiempo de obtención de valor rápido es una de las fortalezas de los componentes, donde realmente brillan es en 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
- Crear una IU similar a Looker, como filtros de paneles, alrededor del contenido incorporado de Looker
- Proporciona una visualización individual más liviana dentro de una aplicación de estadísticas incorporada sin la experiencia completa de una incorporación de iframe.
Cómo usar componentes
Como componentes de React, los componentes de Looker se publican en NPM y se pueden agregar de forma conveniente a tu aplicación de frontend de JavaScript o TypeScript con NPM.
Como componentes de React, los componentes de Looker se publican en NPM y se pueden agregar a tu aplicación de frontend de JavaScript o TypeScript con NPM.
Hay paquetes NPM independientes disponibles para los componentes de la IU y los componentes de filtro.
Probarlo
¿Quieres ver los componentes de Looker en acción antes de escribir código? Esta demostración puede ayudarte a hacer lo siguiente:
- Atom Fashion: Una aplicación web de demostración basada en datos compilada con componentes de Looker (requiere una Cuenta de Google para acceder)