appbaseio/reactivesearch

これは何？

主な機能

• 01リスト、範囲指定、検索ボックス、検索結果表示、地図、グラフ向けの20種類以上のコンポーネント。
• 02コンポーネント同士が状態に応じて連動し、ページ内のフィルター操作に合わせて検索結果を更新。
• 03ReactiveSearch cloudを介して、バックエンドとしてElasticsearch、OpenSearch、Solr、MongoDBに対応。
• 04AIAnswerコンポーネントで、OpenAIのモデルを使った検索拡張生成に対応。
• 05スコープが限定されたスタイル付きコンポーネントと、ThemeProviderによるテーマ設定。

ユースケース

• ファセットフィルターや価格帯スライダーを備えた、ECサイトの商品検索ページの構築。
• ElasticsearchまたはOpenSearchをバックエンドにした、書籍・メディア検索アプリの作成。
• ReactまたはVueアプリケーションに、検索連動型のグラフを備えたダッシュボードを追加。
• 位置情報を地図上で検索できる画面の提供。

クイックスタート

1. 1

   npmからReactライブラリをインストールします

   npm install @appbaseio/reactivesearch
2. 2

   Vueの場合は、代わりにnpmからVueパッケージをインストールします

   npm install @appbaseio/reactivesearch-vue
3. 3

   公式ドキュメントのReactクイックスタートガイドに従って、バックエンドとコンポーネントを設定します

使う前に知っておきたいこと

• !クエリの生成にはReactiveSearch cloudを使用します。検索エンジンで設定する必要があります。
• !ReactiveChartはReactのみをサポートしており、Vueには対応していません。

収録されている特集

トピック

よくある質問

reactivesearch とは？

Elasticsearch、OpenSearch、Solr、MongoDBを使った検索UIを構築できる、ReactとVue向けのUIコンポーネントライブラリ。 ReactiveSearchは、ReactとVueで検索・絞り込みUIを構築するためのコンポーネントライブラリです。リスト、範囲指定、検索ボックス、検索結果の表示、地図、グラフ、AI生成の回答など、20種類以上のコンポーネントを提供します。コンポーネント同士を連携させることで、ページ内のある場所でフィルターや検索入力を操作すると、別の場所に表示された検索結果もリアクティブに更新されます。

reactivesearch は無料で使えますか？ライセンスは？

reactivesearch は Apache-2.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

reactivesearch は今もメンテナンスされていますか？

活発にメンテナンス中。reactivesearch の最終コミットは 2026年11月5日 です。

reactivesearch は何に使えますか？

ファセットフィルターや価格帯スライダーを備えた、ECサイトの商品検索ページの構築。 ElasticsearchまたはOpenSearchをバックエンドにした、書籍・メディア検索アプリの作成。 ReactまたはVueアプリケーションに、検索連動型のグラフを備えたダッシュボードを追加。 位置情報を地図上で検索できる画面の提供。

reactivesearch のインストール方法は？

npmからReactライブラリをインストールします: npm install @appbaseio/reactivesearch Vueの場合は、代わりにnpmからVueパッケージをインストールします: npm install @appbaseio/reactivesearch-vue 公式ドキュメントのReactクイックスタートガイドに従って、バックエンドとコンポーネントを設定します

reactivesearch はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/appbaseio/reactivesearch