Repolode
Enviar
appbaseio

appbaseio/reactivesearch

Biblioteca de componentes de UI para React e Vue que cria interfaces de busca usando Elasticsearch, OpenSearch, Solr e MongoDB.

Alternativa open source a:Algolia InstantSearch

Ver no GitHubSite
Estrelas
4,924
Forks
477
Issues abertas
189
Último commit
há 3 dias

O que é?

ReactiveSearch é uma biblioteca de componentes de UI para criar interfaces de busca e filtragem em React e Vue. Ela oferece mais de 20 componentes para listas, intervalos, caixas de busca, exibição de resultados, mapas, gráficos e respostas geradas por IA. Os componentes podem ser conectados para que um filtro ou campo de busca atualize, de forma reativa, os resultados exibidos em outras partes da página.

Os componentes transformam interações do usuário — como selecionar um item de uma lista, mover um controle deslizante de intervalo ou digitar em uma caixa de busca — em consultas de busca. Na versão principal atual, a biblioteca envia apenas a intenção de busca, e o serviço de nuvem ReactiveSearch gera a consulta para o mecanismo de backend configurado. Os resultados podem ser exibidos em listas ou cartões, no Google Maps ou OpenStreetMap, ou em gráficos criados com Apache ECharts. O componente AIAnswer oferece geração aumentada por recuperação usando o mecanismo de busca e modelos da OpenAI.

Os componentes têm estilo e escopo definidos, com as props className e innerClass e um ThemeProvider para personalização de temas. A instalação é feita com um único comando npm, e há pacotes separados para React e Vue.

Recursos principais

  • 01Mais de 20 componentes para listas, intervalos, caixas de busca, exibição de resultados, mapas e gráficos.
  • 02Os componentes podem reagir ao estado uns dos outros, permitindo que os filtros atualizem os resultados em toda a página.
  • 03Oferece suporte a Elasticsearch, OpenSearch, Solr e MongoDB como backends por meio da nuvem ReactiveSearch.
  • 04O componente AIAnswer oferece geração aumentada por recuperação com modelos da OpenAI.
  • 05Componentes com estilo e escopo definidos, com personalização de temas por meio do ThemeProvider.

Casos de uso

  • Criar uma página de busca de produtos de e-commerce com filtros facetados e controles deslizantes de faixa de preço.
  • Criar um aplicativo de busca de livros ou mídia com Elasticsearch ou OpenSearch como backend.
  • Adicionar um dashboard com gráficos baseados em buscas a um aplicativo React ou Vue.
  • Oferecer uma visualização de busca em mapa para dados de localização.

Início rápido

  1. 1

    Instale a biblioteca React pelo npm

    npm install @appbaseio/reactivesearch
  2. 2

    Se estiver usando Vue, instale o pacote Vue pelo npm em vez disso

    npm install @appbaseio/reactivesearch-vue
  3. 3

    Siga o guia de início rápido do React na documentação oficial para configurar o backend e os componentes

Antes de usar

  • A geração de consultas depende do ReactiveSearch cloud, que precisa ser configurado com seu mecanismo de busca.
  • ReactiveChart é compatível apenas com React, não com Vue.

Em coleções

Frameworks frontend e componentes de interface

Tópicos

#search#react#vue#elasticsearch#opensource-search#ui-components#frontend-components#charts#data-components#developer-tools

Perguntas frequentes

O que é reactivesearch?
Biblioteca de componentes de UI para React e Vue que cria interfaces de busca usando Elasticsearch, OpenSearch, Solr e MongoDB. ReactiveSearch é uma biblioteca de componentes de UI para criar interfaces de busca e filtragem em React e Vue. Ela oferece mais de 20 componentes para listas, intervalos, caixas de busca, exibição de resultados, mapas, gráficos e respostas geradas por IA. Os componentes podem ser conectados para que um filtro ou campo de busca atualize, de forma reativa, os resultados exibidos em outras partes da página.
reactivesearch é gratuito? Qual é a licença?
reactivesearch é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
reactivesearch ainda é mantido?
Manutenção ativa. O último commit de reactivesearch foi em 5 de nov. de 2026.
Para que posso usar reactivesearch?
Criar uma página de busca de produtos de e-commerce com filtros facetados e controles deslizantes de faixa de preço. Criar um aplicativo de busca de livros ou mídia com Elasticsearch ou OpenSearch como backend. Adicionar um dashboard com gráficos baseados em buscas a um aplicativo React ou Vue. Oferecer uma visualização de busca em mapa para dados de localização.
Como instalar reactivesearch?
Instale a biblioteca React pelo npm: npm install @appbaseio/reactivesearch Se estiver usando Vue, instale o pacote Vue pelo npm em vez disso: npm install @appbaseio/reactivesearch-vue Siga o guia de início rápido do React na documentação oficial para configurar o backend e os componentes
Onde consigo reactivesearch?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/appbaseio/reactivesearch

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados