Library komponen Looker memungkinkan aplikasi memanfaatkan elemen desain, pola UI, dan visualisasi data Looker, semuanya melalui antarmuka komponen React. Beberapa contoh komponen meliputi formulir, tombol, input filter, kontrol penomoran halaman, tata letak, diagram garis, diagram batang, diagram sebar, tabel, dan lainnya.
Meskipun waktu untuk mendapatkan nilai yang cepat adalah salah satu keunggulan komponen, keunggulan utamanya adalah memungkinkan pengalaman yang lebih lancar antara Looker dan aplikasi buatan kustom.
Beberapa kasus penggunaan umum mencakup:
- Membuat UI seperti Looker, seperti navigasi halaman, dalam ekstensi Looker
- Membuat UI seperti Looker, seperti filter dasbor, di sekitar konten Looker tersemat
- Memberikan visualisasi individual yang lebih ringan dalam aplikasi analisis tersemat tanpa pengalaman penuh penyematan iframe
Menggunakan komponen
Sebagai komponen React, komponen Looker dipublikasikan ke NPM dan dapat ditambahkan dengan mudah ke aplikasi JavaScript atau TypeScript frontend Anda menggunakan NPM.
Paket NPM terpisah tersedia untuk komponen UI, komponen filter, dan komponen visualisasi.
Cobalah
Ingin melihat cara kerja komponen Looker sebelum menulis kode apa pun? Demo ini dapat membantu:
- Atom Fashion: aplikasi web berbasis data demo yang dibuat menggunakan komponen Looker (memerlukan Akun Google untuk login)