RxJS launchpad

RxJS launchpad
Average rating: 0
(0 votes)

Thanks! You’ve rated this material!

Learning RxJS and functional reactive programming are hard. They have a multitude of concepts, a large API surface, and a fundamental shift in mindset. We will try to make these concepts approachable, the examples clear and easy to explore. First of all, meet the RxJS launchpad.

RxJS (Reactive Extensions for JavaScript) is a library for reactive programming using observables that makes it easier to compose asynchronous or callback-based code (RxJS Docs).

RxJS is one of the hottest libraries in web development today. Offering a powerful, functional approach for dealing with events and with integration points into a growing number of frameworks, libraries, and utilities, the case for learning Rx has never been more appealing. Couple this with the ability to utilize your knowledge across nearly any language, having a solid grasp on reactive programming and what it can offer seems like a no-brainer.

The basic building blocks of RxJS are observables and observers. Observables are the stream of the data. The observers observe the stream and react to it.

RxJS is based on two design patterns: the Observer and the iterator.

An object implements 2 methods:

  • next()
  • hasNext()

It allows the customer of the object to iterate the object’s items. Rx provides many useful operators that create observables.

The main operators are:

  • Filter: filter values from the sequence.
  • Map: convert each value
  • Reduce: aggregate the values.
  • flatMap: concatenation of observable.

Learning Rx may be difficult but it is certainly worth the effort! The full list can be found here.

By the way, do you want to know something new we found? GPU.js is a JavaScript Acceleration library for GPGPU in JavaScript.

Rate this article, if you like it

Thanks! You’ve rated this material!

Got a project? Let's discuss it!

*By submitting this form you agree with our Privacy Policy.

Mailing & Legal Address

Syndicode Inc. 340 S Lemon Ave #3299, Walnut CA, 91789, USA

Visiting & Headquarters address
Kyiv Sofiivska 1/2a, 01001, Kyiv, Ukraine
Dnipro Hlinky 2, of. 1003, 49000, Dnipro, Ukraine
Email info@syndicode.com
Phone (+1) 9035021111