Learn about RxJS to write efficient asynchronous code. Explore subjects, operators, and observables. Gain insights into creating projects like a reactive local database and handling DOM events.

mocha.tar.gz

rxjsCodeWidget

rxjsSPA

mocha

RxJS (Reactive Extensions for JavaScript) is a very powerful library for web development which allows you to easily write asynchronous or call-back code.

In this course, you will explore the latest version of RxJS in detail, focusing on how to apply the reactive paradigm to solve your day-to-day tasks. You will learn all the major components of this library including: subjects, operators, and how to test observables.

In the last section of this course, you will get hands-on with this library to create your own project. Throughout this project, you’ll learn about building a centralized loading indicator, how to handle DOM events, how to build a reactive local database, and more.

By the end of this course, you will have a great new skill to add to your resume, and a cool new project for your portfolio.

Building Reactive Applications with RxJS

One common misunderstanding, especially when testing reactive streams, is treating synchronous data sources as asynchronous. So, understanding the difference between these types of data sources is quite essential before moving forward. 


## Synchronous data sources


Every reactive library offers the possibility of creating a stream from different types of data. For this example, we are going to take into consideration a simple array `[2, 12, 35]` that will be wrapped into an observable:

One common misunderstanding, especially when testing reactive streams, is treating synchronous data sources as asynchronous. So, understanding the difference between these types of data sources is quite essential before moving forward. 


# Synchronous data sources


Every reactive library offers the possibility of creating a stream from different types of data. For this example, we are going to take into consideration a simple array `[2, 12, 35]` that will be wrapped into an observable:

Distinguish between synchronous and asynchronous data sources, which is essential when dealing with reactive streams.

The Need for Reactive Programming

RxJS Subjects

RxJS Operators

Testing Observables

Real-World Projects in RxJS

Conclusion

Synchronous Vs. Asynchronous Data Sources

Synchronous data sources