Repolode
Enviar
appbaseio

appbaseio/reactivesearch

Biblioteca de componentes de UI para React y Vue que permite crear interfaces de búsqueda sobre Elasticsearch, OpenSearch, Solr y MongoDB.

Alternativa open source a:Algolia InstantSearch

Ver en GitHubSitio web
Estrellas
4,924
Forks
477
Issues abiertos
189
Último commit
ayer

¿Qué es?

ReactiveSearch es una biblioteca de componentes de UI para crear interfaces de búsqueda y filtrado en React y Vue. Incluye más de 20 componentes para listas, rangos, cuadros de búsqueda, visualización de resultados, mapas, gráficos y respuestas generadas por IA. Los componentes se pueden conectar entre sí para que un filtro o campo de búsqueda en una parte de la página actualice de forma reactiva los resultados que se muestran en otra.

Los componentes convierten las interacciones del usuario, como seleccionar un elemento de una lista, mover un control deslizante de rango o escribir en un cuadro de búsqueda, en consultas de búsqueda. En la versión principal actual, la biblioteca solo envía la intención de búsqueda, y el servicio en la nube de ReactiveSearch genera la consulta para el motor de backend configurado. Los resultados se pueden mostrar como listas o tarjetas, en Google Maps o OpenStreetMap, o como gráficos creados con Apache ECharts. El componente AIAnswer permite la generación aumentada por recuperación con el motor de búsqueda y modelos de OpenAI.

Los componentes tienen estilos y estilos encapsulados, con las props className e innerClass y un ThemeProvider para aplicar temas. La instalación se realiza con un solo comando npm, y hay paquetes separados para React y Vue.

Funciones clave

  • 01Más de 20 componentes para listas, rangos, cuadros de búsqueda, visualización de resultados, mapas y gráficos.
  • 02Los componentes pueden reaccionar al estado de los demás para que los filtros actualicen los resultados en toda la página.
  • 03Compatible con Elasticsearch, OpenSearch, Solr y MongoDB como backends a través de ReactiveSearch cloud.
  • 04El componente AIAnswer ofrece generación aumentada por recuperación con modelos de OpenAI.
  • 05Componentes con estilos encapsulados y soporte para temas mediante ThemeProvider.

Casos de uso

  • Crear una página de búsqueda de productos de comercio electrónico con filtros facetados y controles deslizantes para el rango de precios.
  • Crear una aplicación de búsqueda de libros o contenido multimedia con Elasticsearch u OpenSearch como backend.
  • Añadir un dashboard con gráficos basados en búsquedas a una aplicación de React o Vue.
  • Ofrecer una vista de búsqueda en mapa para datos de ubicación.

Inicio rápido

  1. 1

    Instala la biblioteca React desde npm

    npm install @appbaseio/reactivesearch
  2. 2

    Si usas Vue, instala el paquete Vue desde npm en su lugar

    npm install @appbaseio/reactivesearch-vue
  3. 3

    Sigue la guía de inicio rápido de React en la documentación oficial para configurar el backend y los componentes

Antes de usarlo

  • La generación de consultas depende de ReactiveSearch cloud, que debe configurarse con tu motor de búsqueda.
  • ReactiveChart solo es compatible con React, no con Vue.

En colecciones

Frameworks frontend y componentes de interfaz

Temas

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

Preguntas frecuentes

¿Qué es reactivesearch?
Biblioteca de componentes de UI para React y Vue que permite crear interfaces de búsqueda sobre Elasticsearch, OpenSearch, Solr y MongoDB. ReactiveSearch es una biblioteca de componentes de UI para crear interfaces de búsqueda y filtrado en React y Vue. Incluye más de 20 componentes para listas, rangos, cuadros de búsqueda, visualización de resultados, mapas, gráficos y respuestas generadas por IA. Los componentes se pueden conectar entre sí para que un filtro o campo de búsqueda en una parte de la página actualice de forma reactiva los resultados que se muestran en otra.
¿reactivesearch es gratuito? ¿Qué licencia tiene?
reactivesearch es open source bajo la licencia Apache-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿reactivesearch sigue mantenido?
Mantenimiento activo. El último commit de reactivesearch fue el 5 nov 2026.
¿Para qué puedo usar reactivesearch?
Crear una página de búsqueda de productos de comercio electrónico con filtros facetados y controles deslizantes para el rango de precios. Crear una aplicación de búsqueda de libros o contenido multimedia con Elasticsearch u OpenSearch como backend. Añadir un dashboard con gráficos basados en búsquedas a una aplicación de React o Vue. Ofrecer una vista de búsqueda en mapa para datos de ubicación.
¿Cómo se instala reactivesearch?
Instala la biblioteca React desde npm: npm install @appbaseio/reactivesearch Si usas Vue, instala el paquete Vue desde npm en su lugar: npm install @appbaseio/reactivesearch-vue Sigue la guía de inicio rápido de React en la documentación oficial para configurar el backend y los componentes
¿Dónde consigo reactivesearch?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/appbaseio/reactivesearch

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados