RxJS Quick Start with Practical Examples

[@MCMadk]

"An array which gets build over time " this is one of the best explanation I've heard regarding Observables

[@hillertj]

agreed. lots of not-so-good explanations out there. overall this video is an expert introduction. expertly explained to newbies I mean.

[@kanedillon4107]

i know Im randomly asking but does any of you know a trick to log back into an instagram account?? I somehow lost my password. I appreciate any assistance you can give me!

[@ahmedvincent8026]

@Kane Dillon Instablaster ;)

[@kanedillon4107]

@Ahmed Vincent thanks so much for your reply. I got to the site thru google and I'm in the hacking process now. Looks like it's gonna take a while so I will reply here later when my account password hopefully is recovered.

[@kanedillon4107]

@Ahmed Vincent It did the trick and I finally got access to my account again. I'm so happy:D Thanks so much, you really help me out :D

[@HarrysKavan]

Timeline Chapters 0:00 Intro 0:16 Setting up 0:42 Observable 3:31 Hot vs Cold 4:51 Completion 5:38 .map() 6:19 .do() 6:45 .filter() 7:14 .first() .last() 7:35 .debounce() .throttle() 8:36 .scan() 9:28 .switchMap() 10:09 .takeUntil() 10:38 .takeWhile() 11:07 .zip() 11:35 .forkJoin() 12:06 .catch() 12:37 .retry() 13:08 Subject 14:02 .multicast()

[@daveraj1958]

7:14 first(), last()

[@fakedevdutt]

thanks man!

[@latinwarrior01]

I can hardly describe how useful, easy-to-follow and thorough this video is. Kudos!

[@Fireship]

Awesome, glad you like it. Thank you!

[@farhanahmad2022]

Agreed. Thanks!

[@mykelchang846]

I must be really stupid then, since I don't get why this is useful :'(

[@pro5skate08]

i'm not that sharp so i've been struggling to understand other tutorials about rxjs. but with this --- holy fuck everything is as clear as day now

[@vuufke4327]

I don't get people that praise these kind of videos, unless I already know what he is talking about, everything he just said is perfectly incomprehensible

[@ThePantafernando]

Maybe its worth if its used as a quick refresher if you already know about this or if you are already planning to keep studying RxJS, then it serves as a summary. But I do agree that, at face value, this video as a standalone watch has very little value. Its certainly impossible to make some germane memory out of 30 secs explanation for each use case. But even still, I think the operators were well explained (for the most part, at least).

[@muhammadhafizuddin2965]

Who the fuck in sane mind that thinks that complex and big of rxjs thing can be fitted into 15 min videos? Are you high? What a ridiculous statement and expectation.

[@muhammadhafizuddin2965]

But still, fireship manages to explain it better than the offical docs about the introduction.

[@robbybankston4238]

Love the practical examples approach to this video. Simple and to the point. I hate it when a YTbr takes 8 minutes to explain something that could have been said in 30 seconds

[@nickbreaton]

You couldn't have explained the difference between debounce and throttle any better! Thanks!

[@waelluay6902]

throttle gives you the very first event when you just move the mouse onto the DOM while debounce gives you the last event after you move the mouse away from the DOM

[@MrKsuhiyp]

he is saying that the explanation cannot be better, that means he is satisfied.

[@justinwmusic]

Being shown many examples is the best way to learn. Thus the success of deep learning. And babies.

[@sheepdogbenable]

So much info in so little time! Will deffo be rewatching this as I explore RxJS more. (Only started tinkering with it yesterday)

[@oleersoy6547]

The music is sooo soooothing! Welcome to your RxJS massage.

[@primeraposicion]

Easy, simple, fast and so clarity... Perfect! Thanks!

[@Fireship]

Thank you!

[@lings628]

Gold standards for how a tutorial should be, insanely good. Thank you

[@appeiroon]

RxJS changed a lot since this video was made

[@stanislavnovikov8880]

Find myself coming back to this video every time I need a quick recap on observables

[@easy-stuffs]

Ok Flash! Excellent video but it is so fast that everything bounced off my head. At the end of the video I was like "What's just happened? What is RxJx? Let's watch again"

[@zen-ventzi-marinov]

That's a legit comment but I still think for most of us that's way better than the video being slow, us losing interest and skipping all the time, hoping we'll get to something useful.

[@donatobaonguis4315]

I changed the value of playback speed to "0.75".

[@MZ-uv3sr]

Me to, and I change the speed down. Someone needs to get on youtube to fix the roku app though, as I mostly watch through roku on tv where there is no speed adjust.

[@hillertj]

@@MZ-uv3sr yeah, but roku remote has that button where you can skip back 10 seconds. Also can cast to roku KZbin channel from your phone. Aren't speed controls available when doing that?

[@PTM1008]

@@donatobaonguis4315 I am watching it at 0.5

[@ValAllenSamonte]

I know PWA is already on your radar. I like how you explain things: fast and clear. Covering PWA for Angular will be very awesome!

[@Fireship]

+Val Thank you. I actually covered PWA for Angular last week kzbin.info/www/bejne/a2KxlZKjidWonbs

[@ValAllenSamonte]

Oh! how come I missed this! Thank you so much!

[@MarkT]

Thanks for this. Great way to get familiar with operators. Had to watch at 2x second viewing!

[@sujeetbadnale9441]

You are a God Gifted Teacher. Wow that was beautiful ❤️

[@Danielo515]

As an educator you should target avoiding bad practices. At 2:00 you provide a function to setTiemout that encapsulates a function and just calls it. That is unnecessary boilerplate and an absolute useless function creation. Set Timeout accepts the value you want to pass to the function as third argument, so all you need to do is pass resolve, the Timeout and the value. Spread the word!

[@123rahulrai]

Excellent place to start Rxjs. eagerly waiting for next video with more example.

[@nickgood6088]

Awesome video! I was a little confused because I didn't realize this was using rxjs 5, but checking the history it looks like rxjs 6 didn't exist yet

[@brankoilic9053]

Best RxJs introduction out there.

[@MuhsinFatih]

That's like regex for programming, only instead of text patterns it's programming patterns expressed quickly and interpreted easily. Love it!!

[@stanislavnovikov8880]

the 100.000 views probably come from 5000 people, personally rewatching this for 20th time , once for each time I get a better understanding of the library and oh-boy I still know nothing.

[@jizhang75]

Thank for simple straight short but yet comprehensive vlip

[@dpradeepc]

Thank you so much...such a clear explanation complimented with a clean and crisp voice

[@VinaySingh-cf6kd]

Excellent crash course. Crisp and concise. Great work 👍

[@munapadhi8723]

Every video is fabulous... Excellent video in short duration of time u covered a lot..... I really love fireship all video. Please make a graphQL video as well. Thanks and really good job

[@asadsalehumar1011]

Just beginning to learn RxJS. Got this awesome vid. Good job man

[@josedavidforero]

Very good, turns complexity into simplicity. Thanks.

[@AymenMehri]

Awesome! I put this video in my favorite bar. Thanks a lot !

[@chillout553]

Perfect ! I understood more in this lesson than in other dumb lessons with idiotic examples. Thanks.

[@Ken-S]

This is the best fast track tutorial!

[@ZnSstr]

Rxjs has the best documentation in IT industry. Tutorials based on Rxjs are just to solidify the understanding not to understand their product. I am just playing with the operators without any help.

[@VitorSantana-n7l]

Such a good introduction!! Thanks a lot ❤

[@JohnMcCullough97]

Exactly what I needed. I want to fight myself for just learning RxJS.

[@ondrejrohon5696]

What a time saver, great overview, thanks man

[@ryandekwaadsteniet7501]

I believe your "hot" vs. "cold" example is quite unclear. The "hot" Observable you created is in fact more of what they refer to in the docs as a "connectable" Observable . A “hot” Observable may begin emitting items as soon as it is created, and so any observer who later subscribes to that Observable may start observing the sequence somewhere in the middle.

[@nvminhtu4988]

Thanks for video, it is very useful if you have more practical projects which built with Angular & rxJS :)

[@gaurishrane9818]

Great video, helped a lot to clear the concept

[@cafarellano9340]

7:12 That `n => n

[@greeniskilller]

Awesome video, thanks a lot. Really digging quick start videos.

[@SilasSWF]

Very helpful content. Awesome!!! Thank you so much!!!

[@ozgursarikamis]

really nice, elegant and helpful. thanks.

[@MrJohn360]

Thanks for sharing. Neat and tidy, I got a lot of value out of this.

[@AmxCsifier]

1000 thumbs up but deserves way more

[@ReneEscobar]

Awesome video! Such a clear and concise tutorial!

[@ishdx9374]

just in case, avoid using random, that will reduce testability and reusability because its impure

[@hongquang6827]

Thanks for sharing!!! A lot of knowledge in this video!

[@DennisRiungu]

Great rundown. Thank you

[@raistlinmajere2257]

Am I the only one who watches these videos 5 times over before trying them????

[@apskidev]

Awesome video. How did you get the code to appear in chunks the way it did?

[@TheLegendSpeaker]

Maybe he writes the code out first and deletes it in chunk and when he's recording he can just undo it?

[@sohailajaz]

Thanks, this is simple and practical !!!

[@jjvsevilla]

Such a great tutorial... thanks

[@Fireship]

Thank you!

[@emstudios14]

You can't chain with operators on the observables, but rather, use pipe instead.

[@theodoreivanov6257]

Interesting that the last comment dates from four years ago, as the tutorial is as relevant today as it was at the time. Yes, "an array which gets built over time" finally helped me grok it, thank you very much for that. Should you by chance revisit this older channel, in all exercises where the print() function is involved, I do not get the results printed on the screen, instead the browser opens a print-file dialog, proposing to print to pdf. I do not understand, I followed exactly the video, including the version of RxJS - 5.4.3. I am on Firefox 121.0.1 Any help would be appreciated.

[@eugenesergio]

old but gold

[@shubham5522]

Not everyone is IIT level student...good tutorial..but hard to grasp...you must have had created this tutorial for Brainy people😄

[@atxorsatti]

The thing I dont get is why using Rxjs? Why not just promises or vanilaJS? what need Rxjs fulfill that you can not fulfill without it?

[@jungir6425]

another type of abstraction. it is a tool that helps to some degree if you have a need that is. And it has a high integration with Angular framework.

[@pasa-cha]

Awesome tutorial!

[@jackshephard7920]

concise and gold!thx

[@mikedelhoo]

When I click on this video it stars with an ad telling me

[@Fireship]

Haha, gotta love Udemy's prolific marketing machine

[@overment]

How do you handle “copy paste” fragments of code?

[@okie9025]

CTRL+Z

[@NuriYilmaz15]

fast and furious! nice job. thanks. :)

[@bsujeet]

Thanks really helpful

[@johnathanwhite191]

thank you so much this was very helpful

[@vamshidharreddy5920]

One needs to have good listening skills and also do some homework , like read the docs before watching fireship's tutorials .

[@pandarzzz]

Thank you for sharing this informative video! 🐋🖐🏾

[@miskellil4844]

very good

[@afshinmeh]

I thought my phone is ringing 14:20

[@NightstalkerKK]

Can i reccomend you do a series on making a node.js api using rxjs

[@melpacheco9288]

Great Video once again!!

[@Fireship]

+Mel Thanks!

[@chandrahaspoojari4225]

Awesome bro Subscribed

this was awesome

[@АлександрВарфоломеев-б8м]

What is the music on the start of this video?

[@YoungBernard-z7e]

Maxie Circles

[@7huannp]

awesome, thanks

[@deepak1725]

Video is awesome.. A bit fast though.. Just a little question though... If observables are streams... How can we determine "last" value..??

[@Fireship]

Using the `last` operator is one method. It depends on the type of observable, but rx has operators that can do just about everything.

[@deepak1725]

Angular Firebase yaa i knw using last operator..we cn do.. But how can we predict there is no next..?? Its a stream of values though

[@gauravpoudel7288]

Awesome!!

[@FlorentBalac]

good video, tks!

[@josephabraham9707]

Its a grater tutorial. But It would have been better if you could have explained little bit more on the scenario of usage and its advantages, drawbacks and when its appropriate ti use. Also I feel it was too fast, need break between the topics.

[@jayp9158]

Watching this in late 2023. It's super weird to hear this guy not speaking at 200% speed lol

[@ScottL888]

Good tutorial. However, not sure what the rush is. For some examples, you move so quickly, that there is barely time to read the output in the right panel before you move on to the next topic.

[@apskidev]

Why don't you just pause the video?

[@karapelerin61]

What tool did you use to record such quality video? Does the graphic card model matter?

[@ben6]

Problem?: Getting `Uncaught ReferenceError: Rx is not defined` Fix: Rename to `Rx` to `rxjs`, as they have changed the global namespace.

[@donatobaonguis4315]

thank you!

[@MaxPicAxe]

Lol I was just thinking, there is definitely no way of calling next on an observable is there? 2 seconds later ... and the final thing is subject which allows you to call next! Limitations solved! *EDIT* Nevermind, next doesn't seem to do what I expected :(

[@matsnord4092]

Great!

[@emstudios14]

the RxJS library has been updated, right now , what we have is rsjx.fromEvent & rsjx.Observable.create we currently don't have rsjx.Observable.fromPromise Please post the update on how to use observable promise apart from going through the rsjx.Observable.create route.

[@JavierMcGee-n2u]

Upton Stravenue

[@DanielRLuke]

Perfect.

[@Fireship]

+Daniel Thank you - I appreciate that coming from you :)

[@OscarDennis-o2o]

Crist Turnpike

[@MZ-uv3sr]

At about 14:20 out of no where some music started, it seemed so out of place, I thought pandora turned on or something and paused the video to see. It really competes with the words and is very distracting. I had to bail at that point in the vid, just couldn't focus on the words

[@TheOPtmal]

Back when Fireship used KDE....

[@libertariancom]

Uncaught TypeError: Cannot read properties of undefined (reading 'subscribe'). What's a problem?

[@JoeBurch-k8b]

Gottlieb Stravenue

[@JustinLyon]

Do you have an rxjs 6 version of this video?

[@JarvisRob-r9u]

Madison Extensions

[@lh999]

Hey I have a question: Why the names given on the minute 06:41 as the source of the Observable are emitted in that order? I mean, I waited that "Simon" and "Garfunkle" were emitted and THEN the same both with Uppercase.

[@HerschelSwantak-w6g]

Dach Overpass

[@bushbuddyplatypus]

Where's the value over eg underscore operating on arrays?