La biblioteca de componentes de Looker permite que las aplicaciones aprovechen los elementos de diseño, los patrones de la IU y las visualizaciones de datos de Looker a través de la interfaz de los componentes de React. Algunos ejemplos de componentes incluyen formularios, botones, entradas de filtros, controles de paginación, diseños, gráficos de líneas, gráficos de barras, diagramas de dispersión, tablas y mucho más.
Si bien el tiempo de obtención de valor rápido es uno de los puntos fuertes de los componentes, lo que realmente destaca es la posibilidad de experiencias más fluidas entre Looker y 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 IU similar a Looker, como filtros de panel, en torno al contenido incorporado de Looker
- Ofrecer una visualización individual más ligera dentro de una aplicación de análisis incorporada sin la experiencia completa de una incorporación de iframe
Cómo usar componentes
Como son componentes de React, los componentes de Looker se publican en NPM y se pueden agregar de forma conveniente a su aplicación frontend de JavaScript o TypeScript mediante NPM.
Hay paquetes 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 funcionamiento antes de escribir código? Estas demostraciones y zonas de pruebas pueden ser de ayuda:
- Referencia interactiva de los componentes: una lista de todos los componentes de Looker que no sean los de visualización
- Atom Fashion: Una aplicación web de demostración basada en datos y creada con componentes de Looker (requiere Cuenta de Google para acceder)
Primeros pasos
Comenzar a usar los componentes de la IU de Looker Comenzar a usar los componentes de Looker Comenzar a usar los componentes de visualización de Looker