Reactivesearch

Theme by Appbaseio

|

Updated: 10 Mar 2025

|

4913 Stars

Search UI components for React and Vue

Categories

Overview

The Searchbox is an Elasticsearch UI components library designed for React and React Native. It provides a wide range of components for building search interfaces, including lists, ranges, and search UIs. It also allows for the integration of existing UI components into the library. The library is divided into sensor components, which apply filters to the data, and actuator components, which display the matching results. It offers built-in support for pagination and infinite scroll views.

Features

• Design: The sensor/actuator design pattern allows for the creation of complex UIs by chaining multiple sensors together. The library handles the transformation of UI interactions into database queries.
• Built-in live updates: Actuators can be set to update results automatically when the underlying data changes in the database.
• Themable: The library can be customized using the ThemeProvider to match the desired design.
• Ease of use: One-step installation with npm, UMD build for browser compatibility, and styled and scoped components that can be easily extended.

Installation

To install the Searchbox library, follow these steps:

1. Open your terminal and run the following command:

npm install @appbaseio/reactivesearch

2. If you want to use the UMD build directly in the browser, include the following script in your HTML file:

<script src="path/to/reactivesearch.min.js"></script>

3. To get started, you can use the reactivesearch starter app as a template.

Summary

The Searchbox is a powerful Elasticsearch UI components library for React and React Native. It provides an easy-to-use and flexible solution for building search interfaces. With its wide range of features and simple installation process, it is a valuable tool for developers working on search UIs.