Los componentes de filtro de Looker proporcionan la funcionalidad de filtro enriquecida de Looker para aplicaciones de datos personalizadas que se compilan en Looker.
Componentes de Looker
Los componentes de Looker son partes precompiladas de la aplicación de Looker basadas en React. Los desarrolladores de aplicaciones pueden usar componentes en aplicaciones y extensiones de datos que se compilan en Looker.
Los componentes se pueden usar con el framework de extensiones de Looker y el SDK de incorporación de Looker.
Componentes de filtro de Looker
Los componentes de filtro proporcionan la función de filtro enriquecida de Looker para aplicaciones de datos personalizadas y paneles de Looker incorporados personalizados. Con la API de Looker (a través de un SDK o una extensión) para recuperar JSON de un panel determinado, los desarrolladores pueden incluir el componente de filtro en su aplicación y pasar las propiedades de cada filtro en el panel. Luego, el componente renderizará cada filtro según su campo y la configuración de la IU almacenada.
El paquete de componentes de filtro ofrece 12 tipos de controles de filtro, similares a los controles disponibles para los paneles de Looker:
- Grupo de botones
- Casilla de verificación
- Lista de etiquetas
- Control deslizante de rango
- Activación o desactivación de botones
- Botón de selección
- Menú desplegable
- Control deslizante
- Un solo día
- Período
- Plazo
- Avanzado
Los componentes de filtro se entregan a través de dos paquetes que funcionan juntos: @looker/filter-components y @looker/filter-expressions. El paquete @looker/filter-components renderiza un componente de filtro con un campo, un tipo de filtro y expresiones de filtro actuales, que están disponibles en cualquier filtro del panel. El paquete @looker/filter-expressions transforma las expresiones de filtro en estructuras de datos que puede usar @looker/filter-components.
¿Por qué usar componentes de filtro?
Los componentes de filtro liberan tiempo de los desarrolladores y permiten que los analistas que trabajan en Looker creen y mantengan experiencias del usuario sólidas y personalizables. Los componentes de filtros de Looker proporcionan los siguientes beneficios:
- Experiencias de filtro de alta calidad: Los componentes de filtro proporcionan la lógica de filtro enriquecida de Looker y una amplia variedad de controles de filtro para adaptarse mejor a los tipos de filtros que necesitas.
- Agiliza el desarrollo: Los componentes de filtro proporcionan acceso “listo para usar” a los filtros, lo que permite a los desarrolladores enfocarse en otras tareas y acelerar el desarrollo general.
- Personalización: Los controles de filtro se pueden personalizar según el aspecto de tu aplicación, extensión o panel incorporado. Los desarrolladores pueden usar componentes de filtro para proporcionar más personalización que nunca.
- Vinculados a paneles de Looker: Un componente de filtro se puede conectar directamente a un filtro en un panel de Looker, y se renderizará una versión de ese filtro en la aplicación, la extensión o la incorporación de Looker que use el componente. Cualquier usuario que tenga acceso de edición al panel de Looker conectado al componente de filtro puede editar el filtro en el panel de Looker, lo que actualiza el filtro en la aplicación, la extensión o la incorporación. Esto libera tiempo de los desarrolladores, ya que no se requiere un desarrollador cada vez que hay un motivo comercial para ajustar un filtro.
- Vinculados al modelo de Looker: Los componentes de filtro están al tanto de los cambios en el modelo de Looker en el que se compilan, lo que significa que los campos de filtro y otras opciones son dinámicos y se actualizarán junto con las actualizaciones del modelo subyacente.
Instala y usa componentes de filtro
Descarga los paquetes @looker/filter-components y @looker/filter-expressions del repositorio de NPM @looker/components.
La información para instalar y usar los paquetes de componentes de filtro se encuentra en el documento README de cada paquete, disponible en NPM o GitHub.
Hay una aplicación de demostración de componentes de filtro disponible en GitHub. Las instrucciones para usar la demostración aparecen en su documento readme.