Reactivemaps

screenshot of Reactivemaps
react

A data aware UI components library for building realtime maps

Overview

Reactivemaps is a library that allows you to connect your Google Maps component with your Elasticsearch cluster. It enhances the development experience by integrating streaming enhancements on the map component, allowing you to build real-time apps with maps seamlessly. It also offers a simple-to-use API for a rich bundled experience of real-time maps.

Features

  • Map component: ReactiveMaps provides map UI components, including ReactiveOpenStreetMap and ReactiveGoogleMap.
  • Complimentary sensor components: Reactivemap is compatible with two other pre-defined sensor components - GeoDistanceSlider and GeoDistanceDropdown.
  • Live Demos: A set of live demos inspired by real-world apps, built with Reactivemaps. These include Airbeds (an Airbnb-like booking search experience), Datalayers (combining datalayer and Reactivemaps), Meetup Blast (a search app inspired by Meetup), and Board the bus (a real-time bus transportation demo).
  • Documentation: The official documentation for the library can be found at docs.appbase.io/docs/reactivesearch/v3/overview/quickstart/.
  • Related tooling and projects: ReactiveSearch is another tool that provides everything you need to know about building search UIs. appbase-js is a tool that can be used for adding input forms to your Reactive Search UIs. dejavu is a tool that allows you to view raw data within an appbase.io or Elasticsearch app, with upcoming features for importing custom data from CSV and JSON files.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

github-pages
GitHub Pages

Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading