Skip to content

awesome-reactivesearch/reactivesearch-starter-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Reactivesearch Starter App

This project was bootstrapped with Create React App.

Step-by-step guide available at ReactiveSearch Quickstart Doc.

Develop

yarn && yarn start

should open something like this

Configure

The ReactiveSearch components code resides in src/App.js file. For building this app, we use:

  1. ReactiveSearch.io for the search backend: You can use ReactiveSearch as a hosted Elasticsearch or OpenSearch cloud service, or connect to an existing Elasticsearch or OpenSearch deployment
  2. A simple flex based layout system, you can use Materialize's or Bootstrap's grid, or roll your own layout - the ReactiveSearch components are layout agnostic.
  3. The following components:
  • ReactiveBase - ReactiveBase is the provider component that connects the UI with the backend app.
  • SearchBox - SearchBox component provides a search box UI relevant suggestions.
  • MultiList - MultiList component is used for displaying facets with an option to perform multiple selections.
  • SingleRange - SingleRange component is used for displaying the star ratings.
  • ResultCard - ResultCard component is used for displaying the hits as a card layout.