Top 7 RxJS Concepts for Angular Developers

  Рет қаралды 198,032

Fireship

Fireship

Күн бұрын

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

Пікірлер: 75
@powderriverfarrier
@powderriverfarrier 7 жыл бұрын
The concise to the point no bullshit approach is really helpful.
@Fireship
@Fireship 7 жыл бұрын
Thank you!
@ajinkyax
@ajinkyax 7 жыл бұрын
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
@Fireship
@Fireship 7 жыл бұрын
Glad you liked it! I definitely plan on doing more on RxJS, as this video is really just scratching the surface.
@RefactoringRyan
@RefactoringRyan 3 жыл бұрын
You have the most helpful angular content around.
@sechabamotaung8552
@sechabamotaung8552 2 жыл бұрын
Please keep making more videos like these. It's so straigt to the point, love it.
@beka123ful
@beka123ful 7 жыл бұрын
Thank you for all your vids. They help me a lot while messing with angular and firebase :)
@Fireship
@Fireship 7 жыл бұрын
Awesome, glad to hear that
@vladimirsvicevic4506
@vladimirsvicevic4506 5 жыл бұрын
Awesome explanation and real examples. Thank you for such a great video!
@christianwheeler8441
@christianwheeler8441 6 жыл бұрын
Just found this channel. What a godsend!
@boathecat919
@boathecat919 4 жыл бұрын
thank you so much. I had to stop and take notes here and there but I fully understand all 7 Rxjs concepts now.
@polypus74
@polypus74 5 жыл бұрын
Great presentation, great design, great audio, direct and to the point videos == subscribed!
@89srle
@89srle 6 жыл бұрын
Great and concise explanation.
@PrashantKumardaniel
@PrashantKumardaniel 6 жыл бұрын
Okay, so the motive is modern world coding through basic common sense. Explained simply. thumbs up!
@rajhawaldar
@rajhawaldar 6 жыл бұрын
Thanks for the excellent Explanation. You explained these concepts in simplest way. Thanks once again..:)
@otheraw5659
@otheraw5659 6 жыл бұрын
Thanks a lot, This kind of video really hard to find in youtube. Please do more about pattern / technique like this
@pandarzzz
@pandarzzz 4 жыл бұрын
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
@ErayTonyali
@ErayTonyali 6 жыл бұрын
Thank you for the great lessons!
@rishabhmalhotra1542
@rishabhmalhotra1542 4 жыл бұрын
You are the best channel and your website is helpful and helped me multiple times. Keep up good work
@ClaudivanBarreto
@ClaudivanBarreto 7 жыл бұрын
Great lesson!
@zbesh
@zbesh 5 жыл бұрын
Man, you are a sorcerer. thanks for an amazing video.
@billbortkevich2300
@billbortkevich2300 4 жыл бұрын
Great concept explanation. I had to listed some portions several times though, to comprehend,
@Zarevock666
@Zarevock666 6 жыл бұрын
Thank you! Great video!
@carlosabud
@carlosabud 3 жыл бұрын
concept wise , this is still valid in 2021.
@iamshoaibkhalil
@iamshoaibkhalil 2 жыл бұрын
Congratulations for 1 million subscribers Jeff We love you
@rahulkamboj4603
@rahulkamboj4603 5 жыл бұрын
Really nicely explained
@antingchang3258
@antingchang3258 3 жыл бұрын
Oh i love the background music with that great content
@dimajoyti
@dimajoyti 7 жыл бұрын
Hi, and thanks. You great man.
@andrewg2998
@andrewg2998 3 жыл бұрын
finally someone explained rxjs to me how I could understand it
@clutchshots6480
@clutchshots6480 3 жыл бұрын
Life changer...🔥🔥🔥
@Manuelarte
@Manuelarte 5 жыл бұрын
Excellent video
@swaminathbera6407
@swaminathbera6407 3 жыл бұрын
Thanks Fireship ❤️
@KyleHarrisonRedacted
@KyleHarrisonRedacted 4 жыл бұрын
My biggest takeaway from this: "....... THERE'S AN ASYNC PIPE??........ THERE'S AN ASYNC PIPE!! GRAAAAAAAAHHHHH!!!"
@nishikantbawache3390
@nishikantbawache3390 3 жыл бұрын
I'm as surprised as you are, async pipe. Was I living under a rock?
@valentinopereira58
@valentinopereira58 5 жыл бұрын
Thanks dude
@el3atmoney
@el3atmoney 5 жыл бұрын
Awesome..
@sorinvestemean9686
@sorinvestemean9686 3 жыл бұрын
thank you
@LiranPeleg
@LiranPeleg 7 жыл бұрын
Good video
@greatmouhcine
@greatmouhcine 3 жыл бұрын
Thanks to you, I don't fear RxJs anymore
@incredibleliu
@incredibleliu Жыл бұрын
Nice stuff
@ttma1046
@ttma1046 7 жыл бұрын
Thanks for the video! A quick question how can you paste the code ? do you use some quick paste tool?
@Fireship
@Fireship 7 жыл бұрын
No plugins required. Just delete then ctrl-z.
@RafiAliKhan
@RafiAliKhan 7 жыл бұрын
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.
@Justaszz
@Justaszz 3 жыл бұрын
What plugin do you use to paste code from the clipboard?
@d4lep0ro
@d4lep0ro 6 жыл бұрын
can you provide an example of using Observable groupBy on a Firebase collection?
@005yass
@005yass 7 жыл бұрын
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 ?
@harrisonmayotte7226
@harrisonmayotte7226 4 жыл бұрын
Can we get a revamp for new versions & cloud firestore?
@stefanoslalic2199
@stefanoslalic2199 5 жыл бұрын
What OS do you use? Linux Arch?
@amirsohel9260
@amirsohel9260 4 жыл бұрын
which theme you are using in your Visual code
@dfenstermaker
@dfenstermaker 7 жыл бұрын
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.
@Fireship
@Fireship 7 жыл бұрын
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.
@tomaskosik5783
@tomaskosik5783 5 жыл бұрын
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.
@Pungiish
@Pungiish 5 жыл бұрын
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.
@xman6267
@xman6267 5 жыл бұрын
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.
@anilgr1111
@anilgr1111 4 жыл бұрын
Why not use just a variable instead of behaviour subject. We get current value in case of variables too right ?
@genyklemberg
@genyklemberg 3 жыл бұрын
We can use Behavior Subject throughout the project, from component to component
@masterxilo
@masterxilo 4 жыл бұрын
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...
@stefantrninic3994
@stefantrninic3994 6 жыл бұрын
Niceone
@lexiaontube
@lexiaontube 6 жыл бұрын
great and neat but way too fast for me lol
@bravefastrabbit770
@bravefastrabbit770 Жыл бұрын
I'm probably one amongst few. But I actually prefer you talking slower and in a monotone voice, it's easier to follow
@wytzevanderploeg1923
@wytzevanderploeg1923 6 жыл бұрын
@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
@Fireship
@Fireship 6 жыл бұрын
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.
@eternalwanderer3785
@eternalwanderer3785 4 жыл бұрын
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.
@magictom8
@magictom8 3 жыл бұрын
Like and subscribe... but don't forget to unsubscribe().
@datguy4104
@datguy4104 Жыл бұрын
This looks so easy... firebase 9 feels awful, or the docs are awefull... I can't tell.
@sober69
@sober69 6 жыл бұрын
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
@genyklemberg
@genyklemberg 3 жыл бұрын
he is querying separate objects, not arrays of cats and dogs
@sathishshaj7815
@sathishshaj7815 5 жыл бұрын
I can't understand anything, may be this video is not tend for beginners!
@genyklemberg
@genyklemberg 3 жыл бұрын
angular and rxjs is not for beginners, you need to master that:)
@uaplatformacomua
@uaplatformacomua 3 жыл бұрын
very unclear
@ThePatriotPirate
@ThePatriotPirate 4 ай бұрын
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
@debayansaha820
@debayansaha820 3 жыл бұрын
U didn't use the map operator from RxJS. I think u used the map operator from vanilla JS and not RxJs.
@FidelGuajardo
@FidelGuajardo 4 жыл бұрын
thank you
10 regrets of experienced programmers
8:16
Fireship
Рет қаралды 1,1 МЛН
КАРМАНЧИК 2 СЕЗОН 7 СЕРИЯ ФИНАЛ
21:37
Inter Production
Рет қаралды 537 М.
THEY WANTED TO TAKE ALL HIS GOODIES 🍫🥤🍟😂
00:17
OKUNJATA
Рет қаралды 21 МЛН
RxJS Crash Course
58:14
Laith Academy
Рет қаралды 88 М.
JavaScript Pro Tips - Code This, NOT That
12:37
Fireship
Рет қаралды 2,5 МЛН
Angular Components Beginner's Guide
13:52
Fireship
Рет қаралды 182 М.
RxJs Теория: Observable, Observer, Subscription, Pipe
15:38
Максим Гром
Рет қаралды 39 М.
Object Oriented vs Functional Programming with TypeScript
12:07
Объясняю RxJS
1:01:18
Архитектор ПО. Александр Желнин
Рет қаралды 31 М.
TypeScript - The Basics
12:01
Fireship
Рет қаралды 1,5 МЛН
Why didn't the Angular team just use RxJS instead of Signals?
8:15
Joshua Morony
Рет қаралды 88 М.
Hisense Official Flagship Store Hisense is the champion What is going on?
0:11
Special Effects Funny 44
Рет қаралды 3 МЛН
$1 vs $100,000 Slow Motion Camera!
0:44
Hafu Go
Рет қаралды 13 МЛН
После ввода кода - протирайте панель
0:18
Up Your Brains
Рет қаралды 1,2 МЛН