reactivesearch.io
p/reactivesearch
Supercharge your search experience
Jack Smith
Reactive Search — UI components for building Amazon / Yelp like Search
Featured
13

Reactive Search is a data-driven UI components library for building search UIs

Replies
Nicolas Grenié
You should change to the url with a last `/` https://opensource.appbase.io/re... works
Ivo Dimitrov
404 😔
Siddharth Kothari
@gogola Caught in the middle of swapping out a new website design, everything should work now. Will be adding a lot of stuff over the day iteratively now. https://github.com/appbaseio/rea... is a good place to read into the details.
Siddharth Kothari
Thanks for the hunt @_jacksmith! We are super excited about today's launch of ReactiveSearch. We have created a library of UI + data components inspired from the websites that have a great search UI / Ux (Amazon, Yelp, Airbnb, etc.) Quick examples to play around: A filterable feed of past Product Hunt data - https://opensource.appbase.io/re... Full-text search on a Hacker News dataset - https://opensource.appbase.io/re... An airbnb style bookings app - https://opensource.appbase.io/re...
Thack ☁️
I'm at the start of a very long journey to give my health and wellness charity a new lease of digital life. I was looking for something just like this. Taking the Airbeds example - where and how is the data being queried by the search, held? What kind of db? Amazing work!
Siddharth Kothari
@davethackeray the data is stored in appbase.io, a realtime DB service built on Elasticsearch. A major design consideration with ReactiveSearch has been that users don't need to learn / write complex DSL based queries needed for complex search scenarios. This is done by. 1. High Level components: For instance, DataSearch component provides an out of the box search UI with toggle-able highlighting, autocompletion props. It only asks the user to specify the field(s) on which to search on. At the same time, the user can write a custom query to bypass the component's default query -- but this shouldn't be needed 95% of the times. 2. Composing Complex Queries: Result views (internally referred as actuators) can specify which components' (aka sensors) should be combined and queried against, via a single user-specified prop. 3. Good UI defaults: Besides handling the data parts, provide good UI defaults (close to vanilla) that can be easily customized. Since the components can be put inside any grid layout (Bootstrap, Materialize, Your Own), the possibilities are endless. 1. and 2. are possible precisely because of the tight coupling with the DB service. :-)
Francis Kim
✌️ Great job! Added to: https://www.producthunt.com/@fra...
Pame Valdés
Ahh love this!!!!
Deepak Grover
Howdy, people of Product Hunt! We have added a new interactive tutorial to build a Hacker News search app in 5 minutes - https://opensource.appbase.io/re...
Wasim Shaikh
Amazing!
Andrea Kalmans
Is it now possible to build an app end-to-end with appbase? If so, how?
Siddharth Kothari
@andrea_kalmans ReactiveSearch - which uses appbase.io as the data backend) enables building great search focused UIs for the web. Reactive Maps, also launched here https://www.producthunt.com/post... enables building realtime map UIs. Both libraries are fully open-source, actively maintained and we have already seen weeks of time saved in market launch when using them. More UIs and native mobile support to come soon!
Anastasiya Tarasova
It's great idea!