This section highlights the realtime resources available for Javascript developers.


Realtime Javascript Libraries

Horizon: Realtime, open-source backend for JavaScript apps – Horizon is an open-source developer platform for building sophisticated realtime apps. It provides a complete backend that makes it dramatically simpler to build, deploy, manage, and scale engaging JavaScript web and mobile apps. Horizon is extensible, integrates with the Node.js stack, and allows building modern, arbitrarily complex applications.

Gun: A realtime, decentralized, offline-first, graph database engine – GUN is a realtime, distributed, offline-first, graph database engine. Doing 20M+ ops/sec in just ~9KB gzipped.

Smoothie Charts: smooooooth JavaScript charts for realtime streaming data – Smoothie Charts is a really small charting library designed for live streaming data. I built it to reduce the headaches I was getting from watching charts jerkily updating every second.

GeoFire for JavaScript: Realtime location queries with Firebase – GeoFire is an open-source library that allows you to store and query a set of keys based on their geographic location. At its heart, GeoFire simply stores locations with string keys. Its main benefit, however, is the possibility of retrieving only those keys within a given geographic area – all in realtime.

Lip: Realtime Message Bus for the Web. Javascript Implementation – This is Jet for Javasript. Jet is the hybrid of an In-Memory Database and a Realtime Push-Framework. Node and Browsers are supported (using Browserify).

FireEdit: A real-time text editor which allows programmers work simultaneously – A real-time editor built with JavaScript and Firebase. Real-time collaboration is enhanced by Firebase. Access the editor, personalize it by naming it and by choosing the theme your prefer, share the URL and start the collaboration. A complete tutorial which explains step by step how this application has been created is available here.

Reactivemaps: A data aware UI components library for building realtime maps – Reactivemaps is a React based components library for building realtime maps. It is built on top of the appbase.io realtime DB service and ships with 20+ components for Lists, Dropdowns, Numeric Range, Sliders, Data Search, Places Search, Distance Slider and Dropdowns, Calendars, Feeds and Maps.

Chimp: Develop acceptance tests & end-to-end tests with realtime feedback – An awesome developer-centric experience to writing tests with realtime feedback using Mocha, Jasmine or Cucumber.js. Chimp can be used with any technology stack as it allows your to write your test automation in the language of the web: JavaScript.

Bitlistein: Realtime Bitcoin transaction visualizer – Current version hosted at BitListen.com. Project formerly known as “Listen to Bitcoin” (ListenToBitcoin.com has been sold.) Realtime Bitcoin transaction visualizer written in HTML/Javascript. See and hear new transactions and blocks as they propagate through the Bitcoin Network.

Skypad – Simple, real time collaborative notepad on the cloud. Handy – Create a pad instantly. Simple UI – Neat, undistracting and responsive. Easy Sharing – Share by URL, Twitter or FB. Collaboration – Real time sync across all platforms. Auto Save – Changes saved on the cloud automatically. Syntax Highligting – Support JavaScript, C, HTML and CSS. More comming.


FireEdit: Realtime Editor with Javascript & Firebase

Specs

  • Author: Johnny B.
  • Date: February 2017

Resources

Synopsis

I’ve always been excited about real-time applications on the web. A few years ago, my first attempts consisted of implementing recurring requests, which would eventually fetch information from the server simulating real-time behavior. It worked, but it wasn’t efficient. Since then, I’ve learned about web sockets.

I heard developers talking about something called Firebase. Recently, Emma — a good friend, fellow programmer, and amazing human being — needed help with Firebase, and we decided to learn it together.

Now, we are not experts, but since we are good enough at it, we thought we’d show you how to build an app using Firebase and JavaScript — specifically, a real-time text editor which lives in your browser.


HTML5 & Javascript Dynamic Charts

Specs

  • CanvasJS
  • 2013

Resources

Synopsis

CanvasJS allows you to create dynamic charts that update at a given interval. Dynamic charts are useful in displaying data that changes with time like stock price, temperature, etc. Dynamic updates are supported by all chart types including line, area, column, bar, pie, etc. Below are some examples of HTML5 & JavaScript based dynamic charts. Dynamic charts are also referred to as live charts or real-time charts. Examples include source code for all the graphs.


Real-time Web Applications with Stratified Javascript

Specs

  • Author: Alexander Fritze
  • July 2014

Resources

Synopsis

Alexander Fritze shows how to build real-time web app with Conductance, a web app server built on Stratified JavaScript which includes support for modularity and composability of asynchronous code.


Realtime Infrastructure Services

  • Realtime API Infrastructure – Realtime API infrastructure specifically allows developers to build realtime data push into their existing APIs.  Typically, you would not need to modify your existing API contracts, as the streaming server would serve as a proxy. The proxy design allows these services to fit nicely within an API stack. This means it can inherit other facilities from your REST API, such as authentication, logging, throttling, etc. It can be combined with an API management system.  In the case of WebSocket messages being proxied out as HTTP requests, the messages may be handled statelessly by the backend. Messages from a single connection can even be load balanced across a set of backend instances.
    • Fanout/Pushpin – Fanout is a real-time API development kit that helps you push data to connected devices easily. Fanout is a cross between a reverse proxy and a message broker. Pushpin is the open source version.
    • Streamdata.io – Streamdata.io a SaaS API proxy tool that converts standard API requests into a streaming API. In other words, it provides a proxy as a service for any HTTP API by polling and acting as a streaming API.
    • LiveResource – LiveResource is a protocol specification and JavaScript reference library for receiving live updates of web resources. It has the following principles:
  • Realtime Application Infrastructure – Realtime app infrastructure sends data to browsers and clients. It typically uses pub/sub messaging, webhooks, and/or websockets — and is separate from an application or service’s main API.
    • Firebase – Firebase is a BaaS (Backend-as-a-Service) that allows developers to create web applications with no server-side programming required.
    • Pubnub – PubNub is a programmable Data Stream Network (DSN) and realtime infrastructure-as-a-service (IaaS) company. Primarily, they are a messaging solution hosted on a cloud service that allows developers to publish data instantly to one or multiple devices.
    • Pusher – Pusher is a hosted service that allows developers to add realtime bi-directional functionality via WebSockets (with HTTP-based fallbacks) to the web and mobile apps.
    • Ably – Ably is a realtime data delivery platform that provides creators the tools to create, deliver, and manage projects. Their main realtime functionality consists of pub/sub, presence, authentication, encryption, and connection state recovery.