Библиотека компонентов React: более 100 компонентов, свыше 80 хуков и дополнительные пакеты для форм, графиков, уведомлений и многого другого.
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
Установите библиотеку React из npm
npm install @appbaseio/reactivesearch - 2
Если вы используете Vue, установите вместо неё пакет Vue из npm
npm install @appbaseio/reactivesearch-vue - 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 обновляется ежедневно.
Похожие проекты
Библиотека из более чем 1600 единообразных SVG-иконок с официальными пакетами для React, Vue, Svelte, Solid, Preact, Angular и других платформ.
Современный и лёгкий drag-and-drop-инструментарий для веба с независимым от фреймворков ядром и адаптерами для React, Vue, Svelte и SolidJS.
Библиотека из 1 170 анимированных SVG-иконок для React, Vue, Angular и обычного JavaScript: анимация запускается при наведении или по запросу.
Бесплатный open-source набор нейтральных UI-иконок — более 3900 значков для AI-, облачных и веб-продуктов, а также компоненты React и Vue.
Модульный фреймворк визуализации данных на TypeScript: диаграммы, карты и сетевые графы для React, Angular, Svelte, Vue, Solid и vanilla JavaScript.