Building data-driven apps with
ReactiveSearch
Kuldeep Saxena
@bietkul
Senior Software Engineer @Appbase.io
worked @GeekyAnts
Data-driven apps 🤔
Observer Pattern 👀
One-to-many dependency between objects so that when one object changes state, all its dependents are notified and updated accordingly.
Elasticsearch 🤘
Distributed, RESTful search and analytics engine capable of storing, searching, and analyzing big volumes of data quickly (milliseconds).
- Powerful Query DSL
- Data aggregations
Why Elasticsearch?
How to Elasticsearch?
- Defining data mappings
-
Defining data mappings
- Indexing data
How to Elasticsearch?
-
Defining data mappings
-
Indexing data
- Search queries
How to Elasticsearch?
Elasticsearch queries
Challenges in building data-driven apps
- Component-component communication
- Component-server communication (ElasticSearch)
Building a search app from scratch
ReactiveSearch ⚡
A UI components library for building data-driven apps with ElasticSearch
Another component library?
ReactiveSearch works with any ElasticSearch index hosted anywhere.
You don't need to be a search expert.
Time saving
Build a prototype in just few minutes
<DataSearch
componentId="BookSearch"
dataField="original_title"
/>
Search component example
Bookstore Demo
ReactiveSearch offerings ⚡
30+ UI Components
Flexible class injection and theming customizations
Query Customisation support
Streaming support
Server Side Rendering
Creating custom *Reactive* components
ReactiveSearch ecosystem
- React Native (Same Component API)
ReactiveSearch ecosystem
- React Native (Same Component API)
- Maps
ReactiveSearch ecosystem
- React Native (Same Component API)
- Maps
- Vue (beta)
What's new in 3.0?
- Voice Search
- GraphQL support
- Accessibility enhancements
(demo)
Used by these awesome folks
Powering your ES apps with Arc
Powering your ES apps with Arc
Catch us in action
@bietkul 👶
Thanks 🙂
Copy of Building data-driven apps with ReactiveSearch
By kuldep saxena
Copy of Building data-driven apps with ReactiveSearch
- 705