Top 7 RxJS Concepts for Angular Developers
HTML-код
- Опубликовано: 4 авг 2024
- Learn 7 essential tips when using RxJS with Angular and Firebase, each with its own example. Full lesson: angularfirebase.com/lessons/t...
JavaScript Evangelist BehaviorSubject: • Angular 2 RxJs Behavio...
Learn about RxJS at learnrxjs.io - Наука
The concise to the point no bullshit approach is really helpful.
Thank you!
Timeline of Events🕗
0:40 1. Important RxJS Methods - static vs. instance
1:35 2. Subscriptions - extract data from observables
2:42 3. Unsubscribe - prevent memory leaks
3:05 4. Map Observables - transform data in the stream
4:00 5. SwitchMap - handle data relationships
4:45 6. Combine Observables - two observables -> one
5:25 7. BehaviorSubject - share current data
Please keep making more videos like these. It's so straigt to the point, love it.
You have the most helpful angular content around.
thank you so much. I had to stop and take notes here and there but I fully understand all 7 Rxjs concepts now.
Just found this channel. What a godsend!
Thanks again for a neat video.
I always struggle explaining CombineLatest and flatMap in my videos but you explained well in less time.
I would love to see more RxJs video from you Jeff, since I really appreciate your deep thoughts and I'm fan of RxJs
Glad you liked it! I definitely plan on doing more on RxJS, as this video is really just scratching the surface.
Awesome explanation and real examples. Thank you for such a great video!
Great presentation, great design, great audio, direct and to the point videos == subscribed!
Great and concise explanation.
Thanks a lot, This kind of video really hard to find in youtube. Please do more about pattern / technique like this
Thank you for the great lessons!
Thanks for the excellent Explanation. You explained these concepts in simplest way. Thanks once again..:)
Okay, so the motive is modern world coding through basic common sense. Explained simply. thumbs up!
Thank you for all your vids. They help me a lot while messing with angular and firebase :)
Awesome, glad to hear that
Great lesson!
Thank you! Great video!
Man, you are a sorcerer. thanks for an amazing video.
Great concept explanation. I had to listed some portions several times though, to comprehend,
You are the best channel and your website is helpful and helped me multiple times. Keep up good work
Congratulations for 1 million subscribers Jeff
We love you
Oh i love the background music with that great content
Really nicely explained
finally someone explained rxjs to me how I could understand it
Hi, and thanks. You great man.
concept wise , this is still valid in 2021.
Excellent video
Life changer...🔥🔥🔥
Thanks to you, I don't fear RxJs anymore
Thanks Fireship ❤️
thank you
Awesome..
What plugin do you use to paste code from the clipboard?
Nice stuff
Thanks dude
Good video
Can we get a revamp for new versions & cloud firestore?
can you provide an example of using Observable groupBy on a Firebase collection?
What OS do you use? Linux Arch?
which theme you are using in your Visual code
I'm realy very interested about the usine of rxjs and firebase in my app i'm waiting for a complet course do u geve coaching ?
Thanks for the video!
A quick question how can you paste the code ? do you use some quick paste tool?
No plugins required. Just delete then ctrl-z.
I was thinking about the paste tool too. Maybe there should be one. (But delete + CntlZ is a great way to do tutorials so its concise and quick)
And your explanations are great, more videos, please.
My biggest takeaway from this: "....... THERE'S AN ASYNC PIPE??........ THERE'S AN ASYNC PIPE!! GRAAAAAAAAHHHHH!!!"
I'm as surprised as you are, async pipe. Was I living under a rock?
I have no technical background just trying to understand how we would have handle data from API if we were not using this RXJS. angular is client side as far as i know and its not right to mix it with server side functionality might be violating Model View Controller architectural pattern.
I believe you skipped mentioning the major benefits of switchMap. It's counterpart mergeMap does as you explained. switchMap on the other hand cancels the previous request.
Thanks for pointing that out. I wanted to include both mergeMap and switchMap in this video, but find the latter is more common, especially when dealing with firebase auth.
Hi Fireship, maybe it's a dummy question but what does the {{ (someObject | async)? .somePropertyOfObject }} mean? Is it some shorthand ternary operator or what? I've never seet it before. Many thanks.
The question mark is for rendering the object, if it exists, which it doesn't at first, because it's set to null. But when he selects an animal, the method is fired, assigning currAnimal to the selected animal, thus someObject (currAnimal) is not null, and the html is rendered. Just like if( true ? "true" : "false" ) returns true and if ( false ? "true" : "false" ) returns false.
Why did it take the community of us programmers so long to use observables/streams/realtime dataflow pervasively? Excel demonstrated that it is a good idea years ago...
Why not use just a variable instead of behaviour subject. We get current value in case of variables too right ?
We can use Behavior Subject throughout the project, from component to component
@2:44 I thought that unsubscribing was unnecessary for Observables that are finite/resolve. Like http requests for instance.
stackoverflow.com/questions/38008334/angular-rxjs-when-should-i-unsubscribe-from-subscription
Correct, if the Observable completes on it's own then unsubscribing is not necessary. Firebase observables continue to emit values, so it's necessary to unsub manually.
Niceone
great and neat but way too fast for me lol
This is great stuff, but your audio is way ahead of your video... the description of the attributes are done before the code is even displayed, and when it is displayed it disappears in a flash (6:40). Would be nice to slow it down a bit and not seem like you're rushing out the door.. even your exit music is playing before you're even done with explaining everything. I just feel like you want to wrap this up before it's even started.
I'm probably one amongst few. But I actually prefer you talking slower and in a monotone voice, it's easier to follow
This looks so easy... firebase 9 feels awful, or the docs are awefull... I can't tell.
Like and subscribe... but don't forget to unsubscribe().
5:14 you have mistake. CombineLatest on two streams is gonna return pairs of [[cat, dog] , [cat, dog]....] instead of plain array. so your ngFor is not gonna work as you have shown
he is querying separate objects, not arrays of cats and dogs
I can't understand anything, may be this video is not tend for beginners!
angular and rxjs is not for beginners, you need to master that:)
very unclear
U didn't use the map operator from RxJS. I think u used the map operator from vanilla JS and not RxJs.
Never ever subscribe in the component and assign dogs to this.dogs. 99.999% of the time it should be handled with async as cats was
thank you