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

## Introduction to real-world projects in RxJS

Well done! 

You have successfully made your way through the reactive data stream, and now you are ready to take on some real-world projects. 

In order to keep this course RxJS only, every project will be run as a simulation to a real-world project that can be set up as a single page app (SPA).

We will go through the following scenarios using reactive principles:

1. Building a **Centralized Loading Indicator** to display on your web applications when a long-running task is being performed in the background
2. Handling **DOM events** like mouse and keyboard events through a centralized place for your entire application
3. Building a **reactive local database**, like Redux and NGXS
4. **Handling errors** that can be thrown in the data pipeline
5. Building a centralized place to manage the activation of multiple subscriptions in a dynamic way
6. Creating  tips & tricks service that will show tips while the application is loading


Let's go!

# Introduction to real-world projects in RxJS

Well done! 

You have successfully made your way through the reactive data stream, and now you are ready to take on some real-world projects. 

In order to keep this course RxJS only, every project will be run as a simulation to a real-world project that can be set up as a single page app (SPA).

We will go through the following scenarios using reactive principles:

1. Building a **Centralized Loading Indicator** to display on your web applications when a long-running task is being performed in the background
2. Handling **DOM events** like mouse and keyboard events through a centralized place for your entire application
3. Building a **reactive local database**, like Redux and NGXS
4. **Handling errors** that can be thrown in the data pipeline
5. Building a centralized place to manage the activation of multiple subscriptions in a dynamic way
6. Creating  tips & tricks service that will show tips while the application is loading


Let's go!

Learn how to apply reactive principles to real-world projects.

The Need for Reactive Programming

RxJS Subjects

RxJS Operators

Testing Observables

Real-World Projects in RxJS

Conclusion

Projects Overview

Introduction to real-world projects in RxJS