react elasticsearch

ReAct Elasticsearch

Componentes da interface do usuário para react + elasticsearch. Crie aplicativos de pesquisa usando componentes declarativos.

Uso

Documentação e demonstração jogável disponíveis aqui.

 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

Desenvolver

Você pode testar componentes com o Storybook (mais de 20 exemplos).

 npm run storybook

Principais características

• ? Liberado sob licença do MIT .
• ? ‍? Cada componente é construído com o React e é personalizável . Não há muitos recursos extras nem mágica.
• ? Ele vem sem estilo , por isso é responsabilidade dos desenvolvedores implementar a sua.
• ? 35.32kb Gziped para toda a lib, compatível com navegadores antigos:> 0,03% de uso.
• ? Sem legado: criado em 2019 , atualizado em 2021 com ganchos.

Por que?

Começamos a construir a experiência de busca da plataforma aberta do French Cultural Heritage With ReacativeSearch, um conhecido componentes da interface do usuário de pesquisa Lib for React. Depois de algumas semanas, percebemos que passamos muito tempo aprimorando e invadindo a lib; Nós mesmos reescrevemos quase todos os componentes. Abrimos problemas e puxamos solicitações no repositório, mas parecia que o LIB estava um pouco preso em um processo de reescrita. Descobrimos que precisamos de um LIB simples que possa ser facilmente estendido com uma API semelhante, criamos este. Este LIB tem muito menos característica do que outros, nem é um concorrente decente. Mas, como nos ajudou a construir experiências de busca, ela foi lançada. Espero que possa ajudá -lo!

Contribuindo

Aberto de questões e relações públicas aqui: https://github.com/betagouv/react-elasticsearch