RxJS Basics in Examples

Let's take a look at simple examples of using RxJS, and after that, I hope, you will get the basic idea behind it.

Let's take a look at simple examples of using RxJS, and after that, I hope, you will get the basic idea behind it.

What will be covered in this article:

• 1. Simplest example
• 2. Observer
• 3. Observable
• 4. Subscription
• 5. RxJS API List: “index” functions:
• 5.1 concat
• 5.2 merge
• 5.3 forkJoin
• 5.4 fromEvent
• 5.5 iif
• 5.6 defer
• 6. Http requests using “ajax”

subscription observer asynchronous rxjs observables

JavaScript Reactive/Asynchronous Code with RxJS 6 & Angular 10: Callbacks, Promises and Observables - Throughout this tutorial, you'll be introduced to JavaScript reactive and asynchronous code, data streams and RxJS 6 used in Angular.

Learn how to configure RxJS in your application and use the power of Observables!

Observables are data source wrappers and then the observer executes some instructions when there is a new value or a change in data values.

Do not reassign an Observable, instead wrap it in another Observable.

How you can use both RxJS Observables and async/await Promises to create resilient & clean applications. This article follows on from my previous articles startWith and flatMap vs switchMap. I like writing about RxJS. Even though I’ve spent so much time with it lately with my active projects, I still find new and exciting features that improve my development workflow.