RxJs Zip - Real-Life Analog of ZIP operator (Reactive Dürüm, 2021)

  Рет қаралды 13,289

Decoded Frontend

Decoded Frontend

Күн бұрын

Пікірлер: 118
@oskarzajac8935
@oskarzajac8935 2 жыл бұрын
wow, thanks for making the effort and making zip human readable
@vijayu707
@vijayu707 2 жыл бұрын
Genius.. Very well explained. Very very underrated tech channel..
@joshblf
@joshblf 3 жыл бұрын
Adding mental models to your videos is genius. Especially for RxJs operators. 👍 Great job
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
Glad you liked it :)
@denisbielishev
@denisbielishev 3 жыл бұрын
It's a good decision create videos about RxJS operator. It's useful for us and for you.. There are a lot of operators, that's why you can create several decades of videos
@kishorkadavil550
@kishorkadavil550 3 жыл бұрын
Great content. Nobody can explain more clearly than this. Thanks, buddy. Expecting more such content.
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
Thanks, Kishor! Glad to hear that because I wasn't completely sure if such a way of explanation will get any positive feedback :)
@averiivy1
@averiivy1 3 жыл бұрын
Please make a series of rxjs operators like forkjoin and combinelatestwith. And also flattening operators like mergemap, switchmap,etc
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
It will be soon ;)
@averiivy1
@averiivy1 3 жыл бұрын
@@DecodedFrontend thank you so much ! Looking forward to it!!!
@georgimollov
@georgimollov 3 жыл бұрын
@@DecodedFrontend this will be highly appreciated, very difficult to create a mental map for all the operators out there in rxjs
@Billiam112
@Billiam112 3 жыл бұрын
withLatestFrom vs combineLatest would be neat too.
@nickpravda3249
@nickpravda3249 3 жыл бұрын
Спасибо, благодаря этому видео я узнал, что дурум это шевуха, а флет бред это лаваш :) А если серьезно, годный контент, молодец!
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
Как работает zip оператор, надеюсь, тоже)
@haroldpepete
@haroldpepete 3 жыл бұрын
that is one of the best videos to understand the behavior of those operators, thank
@afsharanh
@afsharanh 2 жыл бұрын
wow this is the best explanation for zip and combineLatest operators, gj man!
@artempushnev1855
@artempushnev1855 5 ай бұрын
Шавуха!!!!😂 It's a great video! Thanks for the explanation!
@eXpertise7
@eXpertise7 3 жыл бұрын
Great video, make more of these RxJS real life analogs! thanks!!
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
Thanks for feedback! There will be ;)
@IhorKalchenko
@IhorKalchenko 18 күн бұрын
Amazing explanation, man! Keep it doing!
@aleksandrm3466
@aleksandrm3466 3 жыл бұрын
Спасибо за работу и шавуху)))
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
Хаха обращайтесь! 😄
@MukeshSharma-xd4dn
@MukeshSharma-xd4dn Жыл бұрын
Oh my God!! You are a gem, a sage. Today i got deep understanding of streams. Many thanks
@Nabulio85
@Nabulio85 2 жыл бұрын
very good demonstration, beautiful pedagogy
@vladlandcovschi9978
@vladlandcovschi9978 2 жыл бұрын
Best explanation ever
@frontend3409
@frontend3409 2 жыл бұрын
Such a great example! Wow! The best explanation of zip operator in web!
@castrojunin
@castrojunin 2 жыл бұрын
Incredible series of rxjs man :-)
@woendi
@woendi 2 жыл бұрын
I was just about to google what the difference between zip() and combineLatest() was, the moment before you demonstrated :D Great Job
@Favorite010499450
@Favorite010499450 3 жыл бұрын
Thank you for such a very clear explanation & example. I hope there is also another explanation about: - concatMap - exhaustMap - mergeMap - switchMap For me, those operators are very hard to wrap my head around.
@chaitanya0912
@chaitanya0912 3 жыл бұрын
@Decoded Frontend, You are lit 🔥🔥🔥🔥🔥🔥🔥
@ozguryilmaz8152
@ozguryilmaz8152 2 жыл бұрын
Thanks for your clear explanation 🙏 Since you are so much interested in dürüm issue, I would like to give further information in return for your favor :) 'Döner dürüm' in Turkey is a kind of kebap, which is separated from the others as the way of its service style. The main name of the food is 'Döner', which means turning in Turkish. Therefore, it notifies that this kind of kebap is not cooked on a horizontal barbecue but on a vertical position and continuously turns during the cooking process. 'Dürüm' as a noun comes from the turkish verb dür-mek, which means wrapping. If the döner is serviced on a plate, it is called service-döner, on the other hand, if it is wrapped by a bread, it is called dürüm-döner. Shawarma is an Arabic word, originated from Turkish verb çevir-mek, which means also turning. Just because, I've been to Arab countries, I could observe the fact that some regions use both definitions of shawarma and döner, whereas some others use only one of them.
@DecodedFrontend
@DecodedFrontend 2 жыл бұрын
wow, damn... I thought I was an expert in dürüms but it looks like I am just a stupid newbie comparing to you :D it was indeed interesting, thanks👍
@ozguryilmaz8152
@ozguryilmaz8152 2 жыл бұрын
@@DecodedFrontend hahaha I would prefer to be relatively new in dürüms and an expert in Angular like you :) We look forward to the continuation of your useful lectures, thanks 🙏
@SonuSindhu
@SonuSindhu 3 жыл бұрын
Thanks, wanted more videos on rxjs
@jakubdrewniak2668
@jakubdrewniak2668 3 жыл бұрын
analogy to durum is awesome, i will always remmeber how zip works with durum :D
@AmarSingh-uw1db
@AmarSingh-uw1db Жыл бұрын
Gratitude Sirji ❤❤. Thanks for wisdom
@katerynadanylenko9465
@katerynadanylenko9465 Жыл бұрын
Great explanation!! Thank you so much for your hand work 👍
@aparnashankar2215
@aparnashankar2215 Жыл бұрын
Its very good and provides a good explanation for zip operator
@Faheem4449
@Faheem4449 3 жыл бұрын
Really loved Durum ❤️❤️😂😂. I was fun to learn
@frankretief6260
@frankretief6260 3 жыл бұрын
Please do more of these, awsome
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
Thanks for the feedback! I am glad you liked it ;)
@MrNigam1992
@MrNigam1992 2 жыл бұрын
Beautifully explained
@marekkazimierczak9210
@marekkazimierczak9210 Жыл бұрын
6:25 👏👏👏👏👏In PL we call it "KEBAB"
@krisnarusdiono1304
@krisnarusdiono1304 3 жыл бұрын
quiet late for watching your latest videos, still worth it and this video is something new for me (also berloner durum) ... you are my mentor 🤞🏻😁
@mustafasange
@mustafasange 3 жыл бұрын
Using shawarma as an example 😋. Wonderful! 👍
@Bukratusi
@Bukratusi 2 жыл бұрын
man you are genious i know wha they do but u create a very nice analogy. awesome thnaks.
@Isa-oo8mz
@Isa-oo8mz 3 жыл бұрын
Very cool video. Great explanation!
@ЯворскийАлексей-ф8н
@ЯворскийАлексей-ф8н 2 жыл бұрын
Thank you. It's much better for understanding!
@BR4IN0FF
@BR4IN0FF 3 жыл бұрын
Лучшее объяснение которое видел. Спасибо
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
Спасибо за отзыв! Рад, что понравилось 🙂
@imarryday
@imarryday 3 жыл бұрын
@@DecodedFrontend Не думал что ты по русски говоришь, минут 20 пытался гуглить где говорят "шавуха" ))
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
@@imarryday ну это не самое распространённое название, но я встречал несколько раз точно))
@DraaElMizan
@DraaElMizan Жыл бұрын
Best explanation of RXJs zip operator. Thank you so much. By the way I really enjoyed your Angular Forms course (the best). Any luck making a similar course for RXJs?
@VipinRawat_Offcial
@VipinRawat_Offcial 3 жыл бұрын
As usual awesome 🙂
@markusingvarsson2146
@markusingvarsson2146 3 жыл бұрын
Loved it! Such a great analogy.
@oren-karaso
@oren-karaso 7 ай бұрын
Hey Dmytro! In 7:26, why aren't you getting an error about a type mismatch after adding the map operator to each inner stream inside the zip? After all, now each stream will return Observable rather than the actual type of each subject
@yuliakhitrukhina
@yuliakhitrukhina 2 жыл бұрын
Thank you! Great explanation with simple understandable examples)
@letok2871
@letok2871 3 жыл бұрын
Супер видео!
@siju.mathew
@siju.mathew 3 жыл бұрын
Great explanation. Good job. Keep it up!
@kashifalikhan4420
@kashifalikhan4420 2 жыл бұрын
Very good explanation,
@codebase4947
@codebase4947 3 жыл бұрын
I would like to know more about the map operators and the new ones.
@andrewarosario
@andrewarosario 3 жыл бұрын
Amazing explanation!
@evnews
@evnews 3 жыл бұрын
красава! внятно и понятно!
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
Спасибо 🙏🏻 рад, что понравилось
@RamKumar-es3mp
@RamKumar-es3mp Жыл бұрын
Really Great content. Thanks
@5hrk
@5hrk 3 жыл бұрын
Шавуха))) улыбнуло)
@yuriinadilnyi3029
@yuriinadilnyi3029 2 жыл бұрын
so great explanation)
@andpzk
@andpzk 3 жыл бұрын
Awesome!
@valikonen
@valikonen 3 жыл бұрын
Fantastic job, thank you!
@rameshkumarveldurai5241
@rameshkumarveldurai5241 3 жыл бұрын
Great content. Thank you :)
@swapnasaritnayak2569
@swapnasaritnayak2569 3 жыл бұрын
Awesome ❤️
@MrNigam1992
@MrNigam1992 2 жыл бұрын
Can you explain the fork Join operator as well?
@saurabhchauhanit
@saurabhchauhanit 3 жыл бұрын
Really like the video, can you please at the end provide some real world usage example if you can, I mean not showing but just telling that these are some scenario in real world where you can use it
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
Thank you for hint, I will deffinitely think about it for the next vid. For this particular example I would answer something like this: Imagin you build an app where developers estimate some user stories. Every developer send its own score and once everyone voted you would like to show the average score and this is where you could use zip operator. So you create a separate stream for every developer (data can arrive via websocket in real-time) and then you combine with zip operator streams for every developer and once all of them voted on some concreat user story you will get an array of all answers and can get easily the average number from it. And then the process just repeats for every user story :)
@saurabhchauhanit
@saurabhchauhanit 3 жыл бұрын
@@DecodedFrontend thank you for answering
@dekathomas
@dekathomas 3 жыл бұрын
Nice explanation! Can you show us the type of hot and cold observable, and others? Thanks!
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
Later on but I will
@ДенисЛюбченко-л4о
@ДенисЛюбченко-л4о Жыл бұрын
Perfect!
@RamKumar-es3mp
@RamKumar-es3mp Жыл бұрын
Please do upload more videos on rxjs thanks
@Afdac247
@Afdac247 3 жыл бұрын
By the way I see your import statements and how their bundle sizes next to them what's the vs code extension for that
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
There we go: marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost
@olivierboisse1678
@olivierboisse1678 9 ай бұрын
How many items does zip operator retains in the queue ? Imagine a scenario where one observable emits values at high frequency and a second obversable emits values at low frequency, if we zip both observables, the values of the first source must be kept in memory, this could raise a memory error after some time isn't it ?
@cangua4462
@cangua4462 2 жыл бұрын
Thanks sir
@rihardkrauz4696
@rihardkrauz4696 3 жыл бұрын
Лайк за шавуху 😂
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
Хаха))
@kappe-n3v
@kappe-n3v 3 жыл бұрын
clicked because of the thumbnail
@nagendradevara1
@nagendradevara1 3 жыл бұрын
Nice Thumbnail 🥙👨‍🍳
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
he he :) Thanks!
@zeeshanexplores
@zeeshanexplores 2 жыл бұрын
Great great video. Can you please put code for these videos on github etc?
@alextiger548
@alextiger548 2 жыл бұрын
Nice stuff brohaim
@tomaszdarowski9906
@tomaszdarowski9906 2 жыл бұрын
Good job
@ams1ams53
@ams1ams53 3 жыл бұрын
Hey, I enjoy your content thanks. Can you make a video about how to handle local storage? Or how to handle logged in user information, how to uae data service properly?
@Doktornikita
@Doktornikita 3 жыл бұрын
THX!
@ericaskari
@ericaskari 3 жыл бұрын
Thank you, now I'm hungry 🤤
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
He he 😀You are welcome!
@IhorKevin
@IhorKevin 3 жыл бұрын
Особисто мені цей оператор більше тетріс нагадує: коли у всіх колонках заповнюються кубики - лінія готова!
@ІлляПіранья
@ІлляПіранья 3 жыл бұрын
Now I know how to cook durum, thx
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
Actually, It is a vital skill 😀
@rahultej8352
@rahultej8352 7 ай бұрын
Doesnt zip return OperatorFunction? how was pipe added on it
@028-manikandan3
@028-manikandan3 2 жыл бұрын
Sir i got a error inside ngonint this.drums$.the error is observable is assignable type of observable please response sir 🙏🙏🙏
@herseyvar1164
@herseyvar1164 3 жыл бұрын
Turkish Durum Doner is great
@evnews
@evnews 3 жыл бұрын
I really wonder how you can achieve that wit redux!?!?!?
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
What do you mean? How to use zip operator with ngrx, or?
@evnews
@evnews 3 жыл бұрын
@@DecodedFrontend or! is there a workaround (or something similar) in redux like zip?
@adityagautam1217
@adityagautam1217 2 жыл бұрын
how's forkJoin different from zip??
@thiemofischer2230
@thiemofischer2230 3 жыл бұрын
The cabbage guy is everywhere...
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
Yep!
@adennis200
@adennis200 3 жыл бұрын
Hahaha regards from Berlin;)
@JohnDoe-ji1zv
@JohnDoe-ji1zv Жыл бұрын
Пожалуйста не говори валуэ 😅 вэлью будет правильнее. Спасибо за видео!
@trash2trash
@trash2trash 2 жыл бұрын
Well ,, it is just Semaphore algo:) in shorts
@Afdac247
@Afdac247 3 жыл бұрын
Rxjs man never use subscribe (other than to call it) even agn
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
Hi Michael! I am not sure I get it, what do you mean?
@Afdac247
@Afdac247 3 жыл бұрын
@@DecodedFrontend what I mean is I rxjs tap operator mimics next,error, complete. I just do of().pipe(...). subscribe() much cleaner and scalable code
@codeSurvivor
@codeSurvivor 8 ай бұрын
🌯
@balajibalamurugan8053
@balajibalamurugan8053 3 жыл бұрын
shawarma in india
@CrusaderMen
@CrusaderMen 2 жыл бұрын
Thank you! This is great!
RxJs switchMap vs mergeMap - Intro to Flattening Operators (2021)
25:44
Decoded Frontend
Рет қаралды 30 М.
Hot vs Cold Observable in RxJs (2021)
15:06
Decoded Frontend
Рет қаралды 28 М.
Как Ходили родители в ШКОЛУ!
0:49
Family Box
Рет қаралды 2,3 МЛН
«Жат бауыр» телехикаясы І 30 - бөлім | Соңғы бөлім
52:59
Qazaqstan TV / Қазақстан Ұлттық Арнасы
Рет қаралды 340 М.
RxJs Schedulers - Why do we need them? (Advanced, 2021)
22:26
Decoded Frontend
Рет қаралды 18 М.
TOP 6 Mistakes in RxJS code
18:35
Decoded Frontend
Рет қаралды 24 М.
RxJs - Stream Analogs in Real Life (2021)
12:08
Decoded Frontend
Рет қаралды 19 М.
RxJs Operators - ExhaustMap vs concatMap (2021)
11:17
Decoded Frontend
Рет қаралды 11 М.
React + RxJS = Reactive Global Goodness
26:46
Jack Herrington
Рет қаралды 43 М.
Catching up with async Rust
17:55
fasterthanlime
Рет қаралды 23 М.
Angular Dependency Injection in Depth - Resolution modifiers (2021)
14:39
This is the Only Right Way to Write React clean-code - SOLID
18:23
Angular - RxJS ForkJoin vs Zip Operators
18:06
Sam Lama
Рет қаралды 3,9 М.
Как Ходили родители в ШКОЛУ!
0:49
Family Box
Рет қаралды 2,3 МЛН