react elasticsearch

Reagieren Sie Elasticsarch

UI -Komponenten für React + Elasticsearch. Erstellen Sie Suchanwendungen mit deklarativen Komponenten.

Verwendung

Dokumentation und spielbare Demo hier verfügbar.

 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 >
) ; 

Installieren

 npm i react-elasticsearch
yarn add react-elasticsearch

Entwickeln

Sie können Komponenten mit Storybook (über 20 Beispiele) testen.

 npm run storybook

Hauptmerkmale

• ? Unter MIT -Lizenz veröffentlicht.
• ? ‍? Jede Komponente ist mit React erstellt und ist anpassbar . Nicht zu viel zusätzliche Funktionen oder Magie.
• ? Es kommt ohne Stil, daher liegt die Verantwortung der Entwickler, ihre eigenen umzusetzen.
• ? 35,32 KB GZIP für die gesamte Bibliothek, kompatibel mit alten Browsern:> 0,03% Nutzung.
• ? Kein Vermächtnis: Erstellt im Jahr 2019 , im Jahr 2021 mit Hooks aktualisiert .

Warum?

Wir begannen mit ReactiveSearch, einer bekannten Such-UI-Komponenten LIB für React, die Sucherfahrung des französischen Kulturerbes mit offener Plattform zu bauen. Nach einigen Wochen stellten wir fest, dass wir viel Zeit damit verbracht hatten, die LIB zu optimieren und zu hacken. Wir hatten fast alle Komponenten selbst neu geschrieben. Wir haben Probleme eröffnet und Anfragen am Repository gezogen, aber es schien, als wäre die LIB ein bisschen in einem Umschreibvorgang festgefahren. Wir haben herausgefunden, dass wir eine einfache Bibliothek brauchen, die leicht mit einer ähnlichen API erweitert werden kann. Wir haben diese erstellt. Diese Lib hat viele weniger als andere, es ist nicht einmal ein anständiger Konkurrent. Da es uns jedoch geholfen hat, Sucherlebnisse aufzubauen, wurde es veröffentlicht. Hoffe es könnte dir helfen!

Beitragen

Öffnen Sie Probleme und PR hier: https://github.com/betagouv/react-elasticsearch