Repolode
appbaseio

appbaseio/reactivesearch

Библиотека UI-компонентов для React и Vue, позволяющая создавать поисковые интерфейсы на базе Elasticsearch, OpenSearch, Solr и MongoDB.

Open source альтернатива:Algolia InstantSearch

Звёзды
4,924
Форки
477
Открытые issues
189
Последний коммит
3 дня назад

Что это?

ReactiveSearch — библиотека UI-компонентов для создания поисковых интерфейсов и интерфейсов фильтрации в React и Vue. В ней более 20 компонентов: списки, диапазоны, поисковые поля, представления результатов, карты, графики и ответы, сгенерированные с помощью ИИ. Компоненты можно связать между собой, чтобы фильтр или поле поиска в одной части страницы автоматически обновляли результаты в другой.

Компоненты преобразуют действия пользователя — например, выбор элемента списка, перемещение ползунка диапазона или ввод текста в поисковое поле — в поисковые запросы. В текущей основной версии библиотека передаёт только намерение пользователя выполнить поиск, а облачный сервис ReactiveSearch формирует запрос для настроенного движка. Результаты можно отображать в виде списков или карточек, на Google Maps или OpenStreetMap, а также в виде графиков на Apache ECharts. Компонент AIAnswer поддерживает генерацию с дополнением извлечённой информацией (RAG) на основе поискового движка и моделей OpenAI.

У компонентов есть стили и изолированная область действия; для настройки доступны props className и innerClass, а для темизации — ThemeProvider. Установка выполняется одной командой npm; для React и Vue предусмотрены отдельные пакеты.

Ключевые возможности

  • 01Более 20 компонентов для списков, диапазонов, поисковых полей, представления результатов, карт и графиков.
  • 02Компоненты реагируют на состояние друг друга, поэтому фильтры обновляют результаты по всей странице.
  • 03Поддержка Elasticsearch, OpenSearch, Solr и MongoDB в качестве бэкендов через облачный сервис ReactiveSearch.
  • 04Компонент AIAnswer поддерживает генерацию с дополнением извлечённой информацией с использованием моделей OpenAI.
  • 05Стилизованные компоненты с изолированной областью действия и темизацией через ThemeProvider.

Сценарии использования

  • Создание страницы поиска товаров для интернет-магазина с фасетными фильтрами и ползунками диапазона цен.
  • Создание приложения для поиска книг или медиафайлов на базе Elasticsearch или OpenSearch.
  • Добавление в приложение на React или Vue дашборда с графиками, построенными на основе поисковых запросов.
  • Создание представления поиска по геоданным на карте.

Быстрый старт

  1. 1

    Установите библиотеку React из npm

    npm install @appbaseio/reactivesearch
  2. 2

    Если вы используете Vue, установите вместо неё пакет Vue из npm

    npm install @appbaseio/reactivesearch-vue
  3. 3

    Следуйте руководству по быстрому запуску React в официальной документации, чтобы настроить бэкенд и компоненты

Что важно знать

  • Генерация запросов зависит от ReactiveSearch cloud, который необходимо настроить для вашей поисковой системы.
  • ReactiveChart поддерживается только в React, но не в Vue.

В подборках

Темы

Частые вопросы

Что такое reactivesearch?
Библиотека UI-компонентов для React и Vue, позволяющая создавать поисковые интерфейсы на базе Elasticsearch, OpenSearch, Solr и MongoDB. ReactiveSearch — библиотека UI-компонентов для создания поисковых интерфейсов и интерфейсов фильтрации в React и Vue. В ней более 20 компонентов: списки, диапазоны, поисковые поля, представления результатов, карты, графики и ответы, сгенерированные с помощью ИИ. Компоненты можно связать между собой, чтобы фильтр или поле поиска в одной части страницы автоматически обновляли результаты в другой.
reactivesearch можно использовать бесплатно? Какая у него лицензия?
reactivesearch распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
reactivesearch всё ещё поддерживается?
Активно поддерживается. Последний коммит в reactivesearch — 5 нояб. 2026 г..
Для чего можно использовать reactivesearch?
Создание страницы поиска товаров для интернет-магазина с фасетными фильтрами и ползунками диапазона цен. Создание приложения для поиска книг или медиафайлов на базе Elasticsearch или OpenSearch. Добавление в приложение на React или Vue дашборда с графиками, построенными на основе поисковых запросов. Создание представления поиска по геоданным на карте.
Как установить reactivesearch?
Установите библиотеку React из npm: npm install @appbaseio/reactivesearch Если вы используете Vue, установите вместо неё пакет Vue из npm: npm install @appbaseio/reactivesearch-vue Следуйте руководству по быстрому запуску React в официальной документации, чтобы настроить бэкенд и компоненты
Где скачать reactivesearch?
Исходный код и инструкции по установке — на GitHub: https://github.com/appbaseio/reactivesearch

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Библиотека из 1 170 анимированных SVG-иконок для React, Vue, Angular и обычного JavaScript: анимация запускается при наведении или по запросу.

1,5 тыс.+18 за неделю79TypeScriptMITАктивно поддерживаетсяОбновлён 7 часов назад