The Last Inch - Observable Data

When you are developing mobile apps and web sites, developers often use observables to populate the UI of our app with external data, asynchronously.

If incoming data changes in an observable you end up seeing it instantly change on your browser or mobile apps display.

Usually without writing any updating code in many environments like Angular JS, React, iOS or android.

All you have to do is put your data in an observable and frameworks like RxJx will do the rest.

So, what are observables?

You can think of an observable as an array whose items arrive asynchronously over time. Observables help you manage asynchronous data, such as data coming from a backend service. Observables are used within Angular itself, including Angular’s event system and its http client service. To use observables, Angular uses a third-party library called Reactive Extensions (RxJS). Observables are a proposed feature for ES 2016, the next version of JavaScript.

https://github.com/sclausen/ngx-mqtt

This is a complete In Browser solution that connects to MQTT message brokers and subscribes to data and puts it in observables which make it display instantly onscreen when a topic is published.