react elasticsearch

Bereaksi Elasticsearch

Komponen UI untuk React + Elasticsearch. Buat aplikasi pencarian menggunakan komponen deklaratif.

Penggunaan

Dokumentasi dan demo yang dapat dimainkan tersedia di sini.

 const MySearchComponent = ( ) => (
  < Elasticsearch url = "http://example.org/search" >
    < SearchBox id = "mainSearch" fields = { [ "title" ] } />
    < Facet id = "actors" fields = { [ "actors" ] } />
    < Facet id = "releasedYear" fields = { [ "releasedYear" ] } />
    < Results
      id = "results"
      items = { data =>
        // Map on result hits and display whatever you want.
        data . map ( item => < MyCardItem key = { item . _id } source = { item . _source } /> )
      }
    />
  </ Elasticsearch >
) ; 

Memasang

 npm i react-elasticsearch
yarn add react-elasticsearch

Mengembangkan

Anda dapat menguji komponen dengan buku cerita (20+ contoh).

 npm run storybook

Fitur utama

• ? Dirilis di bawah lisensi MIT .
• ? ‍? Setiap komponen dibangun dengan bereaksi dan dapat disesuaikan . Tidak terlalu banyak fitur tambahan atau sihir.
• ? Muncul tanpa gaya sehingga tanggung jawab pengembang untuk mengimplementasikannya sendiri.
• ? 35.32KB Gzipped untuk seluruh lib, kompatibel dengan browser lama:> penggunaan 0,03%.
• ? No Legacy: Dibuat pada tahun 2019 , diperbarui pada tahun 2021 dengan kait.

Mengapa?

Kami mulai membangun pengalaman pencarian platform terbuka warisan budaya Prancis dengan ReactiveSearch, komponen UI pencarian terkenal Lib untuk bereaksi. Setelah beberapa minggu, kami menyadari bahwa kami telah menghabiskan banyak waktu mengutak -atik dan meretas lib; Kami telah menulis ulang hampir setiap komponen sendiri. Kami membuka masalah dan menarik permintaan pada repositori, tetapi sepertinya Lib agak macet dalam proses penulisan ulang. Kami menemukan bahwa kami membutuhkan lib sederhana yang dapat dengan mudah diperpanjang dengan API yang serupa, kami membuat yang ini. LIB ini memiliki fitur yang lebih sedikit daripada yang lain, itu bahkan bukan pesaing yang layak. Tetapi karena itu membantu kami membangun pengalaman pencarian, itu telah dirilis. Semoga ini bisa membantu Anda!

Berkontribusi

Buka masalah dan PR di sini: https://github.com/betagouv/react-elasticsearch