JSFoo: round the year submissions

JSFoo: round the year submissions

Submit talks on JavaScript and full stack engineering round the year

Purnima Nagpal


Reactive programming with Observables

Submitted Oct 20, 2017

With evolving JavaScript and Angular community, there is a need for a robust solution which can asynchronously handle multiple requests without clogging the incremental flow of the execution. Although, JavaScript offers Promises, Event Emitter or Callbacks to solve the very same purpose, but each has its drawbacks. To handle such asynchronous data streams, we need Reactive Programming. One of the popular feature that has gained a lot of traction in Angular community for handling asynchronous requests, events or data is ‘Observables’. Observables open up a continuous channel of communication in which multiple values of data can be emitted over time.
In this talk we will discuss about Observables, its types and how it is different than ‘Promises’. In addition, the real power of Observables is exhibited by its operators that allows transforming, combining, manipulating, and working with the sequences of items emitted. We will be discussing various operators using RxJS (Reactive Extension of JavaScript), popular library in Angular v2 or higher frameworks for composing asynchronous and event-based programs by using observable sequences.


Introduction to (Reactive programmin)Rx Programming.
Pull vs Push Approach
Tools for Synchronized data.
Introduction to Observables and why it is better than other Push approahed like Callbacks and Promises.
Observable and Observer Pattern
Timeline diagram epxlaining Operators.
Higher Order Observables.
Type of Observables

Speaker bio

My decents years of hands-on experience with cutting-edge web technologies and good communication skills are what I believe can take me long way in delivering quality content to my audience. Also, recent experience in presenting papers at some of the events like TechCon 2017, etc. definitely gives me the edge.


{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}