@appbaseio/reactivesearch
    TypeScript icon, indicating that this package has built-in type declarations

    3.24.3 • Public • Published

    reactivesearch
    ReactiveSearch

    Elasticsearch UI components for React. Website 🌐

    Read how to build an Airbnb clone with ReactiveSearch.


    npm version Gitter npm PRs Welcome

    React UI components for Elasticsearch.

    Banner Image showing all the UI components we offer

    Get our designer templates for sketch.

    Installation

    yarn add @appbaseio/reactivesearch
    

    Concepts

    The library is conceptually divided into two parts:

    1. Sensor components

    Each sensor component is purpose built for applying a specific filter on the data. For example: Rendering a Radio UI elements list based on the available dataset - SingleList

    2. Actuator components

    Actuators represent the result UI view components. ReactiveSearch primarily comes with two actuators: ResultCard and ResultList.

    ResultCard displays the results in a card interface whereas ResultList displays them in a list. Both provide built-in support for pagination and infinite scroll views. Besides these, the library also provides low level actuators (ReactiveComponent and ReactiveList) to render in a more customized fashion.

    Live Demos

    A set of live demos inspired by real world apps, built with ReactiveSearch.

    Documentation

    The official docs for the library are at https://opensource.appbase.io/reactive-manual.

    The components are divided into four sections:

    Changelog

    Check out the changelog for more info.

    Related tooling and projects

    • ReactiveSearch Dashboard All your Reactive Search related apps (created via interactive tutorial, shared by others, etc.) can be accessed from here.

    • ReactiveMaps is a similar project to Reactive Search that allows building realtime maps easily.

    • appbase-js While building search UIs is dandy with Reactive Search, you might also need to add some input forms. appbase-js comes in handy there.

    • dejavu allows viewing raw data within an appbase.io (or Elasticsearch) app. Soon to be released feature: An ability to import custom data from CSV and JSON files, along with a guided walkthrough on applying data mappings.

    • mirage ReactiveSearch components can be extended using custom Elasticsearch queries. For those new to Elasticsearch, Mirage provides an intuitive GUI for composing queries.

    Keywords

    none

    Install

    npm i @appbaseio/reactivesearch

    DownloadsWeekly Downloads

    5,207

    Version

    3.24.3

    License

    Apache-2.0

    Unpacked Size

    2.04 MB

    Total Files

    119

    Last publish

    Collaborators

    • siddharthlatest
    • lakhansamani
    • metagrover
    • appbaseio