The Complete Rxjs Course

The most popular Reactive Programming library explained in a simple way

What you'll learn

Learn about all the important RxJS elements: Observables, Observers, Subscriptions, Operators and Subjects in high detail

You will be able to understand why we use certain RxJS elements in certain situations through practical exercises

You will be able to apply your deep understanding and knowledge of RxJS to your own real life projects with confidence

Learn about the fundamental concepts of reactive programming

Requirements

Basic JavaScript knowledge is required

No RxJS knowledge is required, we will start from scratch

Basic HTML & CSS knowledge can help but it is not a requirement

Basic TypeScript knowledge can help but it is not a requirement

Prepare to fall in love with RxJS

Description

Learn and master the extremely popular reactive JavaScript library RxJS in this modern and up-to-date complete course.Why did I create this courseWhen I first started my personal RxJS journey it felt quite intimidating, I didn’t really understand what was happening behind the scenes and often the documentation was not enough for me to fully understand how I could use a certain operator and when to use it.However, eventually things started to click in my mind, after some practice and many years of professional experience with RxJS.Through this course I want to lower this barrier of entry for beginners by simplifying the RxJS library concepts as much as possible and to reduce the amount of effort needed to properly learn the powerful & extremely popular RxJS library. People that already have some knowledge of RxJs can also benefit from this course.A couple of reasons why this course is different from any other RxJS tutorial online:This course will be taught by an instructor that has actually used RxJS professionally in a production environment of a thriving company. By learning RxJS through the perspective of my practical experience you will also learn things that are not directly found in the official documentation.In this course we will be going straight to the point, by giving you all the juicy details in the span of a couple of hours.We’ll be using interesting diagrams & analogies to explain the behaviors of all the RxJS elements and make it simple to understand what is going on.In this course you will be using the latest RxJS version available so you will not be learning about the outdated concepts in RxJS. After every new major RxJS release we will update any breaking changes and you can expect extra bonus lessons about relevant and interesting new features.You can expect exercises that are connected to real life situations so that you get a real grip on the most important RxJS elements in a practical context. There will also be quizzes for you to solve after each major section.In terms of operators we will focus on the most important ones that are used daily in real life so that we won’t waste any extra time or energy on the less important ones.These are some of the topics we will cover in this course:Fundamental conceptsObservablesSubscriptionsObserversCreation operatorsPipeable operatorsSubjectsWe will “kick-off” this course by starting with the foundation of RxJS by going through the fundamental concepts on which the RxJS library is built upon. You can’t build a house without a solid foundation!Then we’ll go through the basics of Observables, how they function & behave, but also we’ll take a look at what’s happening inside. You’ll be quite surprised that it’s not some random magic!After that we’ll look at Subscriptions, what they are, how to manage them and which approach is the best and why.Throughout this course we’ll also explore the whole variety of different Observer functions and how we can use them for different use cases.And of course we will also be taking a look at the most important creation & pipeable operators. Creation operators do some of the heavy lifting for us while the Pipeable operators are more into transforming & influencing data flows.We’ll wrap up the course by checking out the Subjects which are like the more sharing family member of the Observable.Let's get Reactive!(Media assets: Videezy, FlatIcon)

Overview

Section 1: Let's get started

Lecture 1 What is RxJS?

Lecture 2 Setting up our programming environment

Lecture 3 Small note about the code structure

Lecture 4 RxJS Appetizer

Lecture 5 Brief history lesson of ReactiveX & RxJs

Lecture 6 What will we see in this course?

Lecture 7 How to get the most value from this course

Section 2: RxJs Basics - Fundamentals

Lecture 8 Introduction

Lecture 9 Functional programming

Lecture 10 Reactive programming

Lecture 11 Iterator pattern - Theory

Lecture 12 Iterator pattern - Code

Lecture 13 Observer pattern - Theory

Lecture 14 Observer pattern - Code

Lecture 15 Summary

Section 3: RxJS Basics - Building blocks

Lecture 16 Basic building blocks - visualized

Lecture 17 Basic building blocks - observable

Lecture 18 Basic building blocks - producer

Lecture 19 Basic building blocks - observer

Lecture 20 Basic building blocks - subscribe

Lecture 21 Basic building blocks - unsubscribe

Section 4: RxJs Basics - Marble diagrams

Lecture 22 Everything about marble diagrams

Lecture 23 Marble diagram resources

Section 5: RxJS Basics - Exercises

Lecture 24 Observable lifecycle

Lecture 25 Observer notifications - next

Lecture 26 Observer notifications - error

Lecture 27 Observer notifications - complete

Lecture 28 Unsubscribing - introduction

Lecture 29 Unsubscribing - finite observables

Lecture 30 Unsubscribing - infinite observables

Lecture 31 Unsubscribing - teardown logic

Lecture 32 Progress bar exercise

Lecture 33 A note on "onMount"

Section 6: RxJS basics - Hot & Cold

Lecture 34 Introduction

Lecture 35 Cold observables

Lecture 36 Hot observables

Lecture 37 Changing temperatures

Section 7: RxJS basics - Quiz

Section 8: Operators - Introduction

Lecture 38 Zooming out

Lecture 39 Introduction

Lecture 40 Difference between Creation & Pipeable operators

Section 9: Operators - Creation operators

Lecture 41 Introduction

Lecture 42 What creation operators will we handle in this course?

Lecture 43 Basic - of

Lecture 44 Basic - from

Lecture 45 Basic - fromEvent

Lecture 46 Time - interval & timer

Lecture 47 Http - ajax & fromFetch

Lecture 48 Combination - forkJoin

Lecture 49 Combination - combineLatest

Section 10: Operators - Pipeable operators

Lecture 50 Introduction

Lecture 51 How are pipeable operators visualized in marble diagrams?

Lecture 52 What pipeable operators will we handle in this course?

Lecture 53 Filtering - filter

Lecture 54 Filtering - distinctUntilChanged

Lecture 55 Utility - tap

Lecture 56 Utility - tap - TapObserver

Lecture 57 Transformation - map

Lecture 58 Combination - withLatestFrom

Lecture 59 Error handling - catchError

Lecture 60 Subscription handling - takeUntil

Lecture 61 Flattening - introduction

Lecture 62 Flattening - concatMap, switchMap, mergeMap - theory

Lecture 63 Flattening - concatMap, switchMap, mergeMap - coding

Lecture 64 Flattening - error scenario

Lecture 65 Flattening - empty scenario

Lecture 66 Flattening - summary

Section 11: Operators - Summary

Lecture 67 Summary

Section 12: Subjects

Lecture 68 What is a Subject?

Lecture 69 Subject - exercise

Lecture 70 What is a BehaviorSubject?

Lecture 71 BehaviorSubject - exercise

Lecture 72 Summary

Section 13: RxJS Summary

Lecture 73 Summary

Section 14: BONUS SECTION

Lecture 74 BONUS LECTURE

Newcomers and experienced developers that are interested in learning more about the immensly popular reactive JavaScript library RxJS.,Anyone who still feels confused about what actually happens inside an Observable, Operator or Subject and wants to feel confident when confronted with RxJS.