react elasticsearch

React Elasticsearch

Componentes de UI para React + ElasticSearch. Cree aplicaciones de búsqueda utilizando componentes declarativos.

Uso

Documentación y demostración reproducible disponible aquí.

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

Instalar

 npm i react-elasticsearch
yarn add react-elasticsearch

Desarrollar

Puede probar los componentes con el libro de cuentos (más de 20 ejemplos).

 npm run storybook

Características principales

• ? Liberado bajo la licencia MIT .
• ? ‍? Cada componente está construido con React y es personalizable . No hay muchas características adicionales ni magia.
• ? Viene sin estilo , por lo que es la responsabilidad de los desarrolladores implementar la suya.
• ? 35.32kb Gzipped para toda la lib, compatible con navegadores antiguos:> 0.03% de uso.
• ? No legado: creado en 2019 , actualizado en 2021 con ganchos.

¿Por qué?

Comenzamos a construir la experiencia de búsqueda de la plataforma abierta del patrimonio cultural francés con ReactiveSearch, un conocido componentes de la interfaz de usuario lib para React. Después de algunas semanas, nos dimos cuenta de que habíamos pasado mucho tiempo ajustando y pirateando la lib; Hemos reescribido casi todos los componentes nosotros mismos. Abrimos problemas y sacamos solicitudes en el repositorio, pero parecía que la lib estaba un poco atascada en un proceso de reescritura. Descubrimos que necesitamos un LIB simple que pueda extenderse fácilmente con una API similar, creamos esta. Esta lib tiene muchas características menos que otras, ni siquiera es un competidor decente. Pero desde que nos ayudó a construir experiencias de búsqueda, se ha lanzado. ¡Espero que pueda ayudarte!

Que contribuye

Abra los problemas y las relaciones públicas aquí: https://github.com/betagouv/react-elasticsearch