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

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ก.ย. 2024

ความคิดเห็น • 117

  • @artempushnev1855
    @artempushnev1855 หลายเดือนก่อน +1

    Шавуха!!!!😂
    It's a great video! Thanks for the explanation!

  • @averiivy1
    @averiivy1 3 ปีที่แล้ว +19

    Please make a series of rxjs operators like forkjoin and combinelatestwith. And also flattening operators like mergemap, switchmap,etc

    • @DecodedFrontend
      @DecodedFrontend  3 ปีที่แล้ว +8

      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.

  • @joshblf
    @joshblf 3 ปีที่แล้ว +10

    Adding mental models to your videos is genius. Especially for RxJs operators. 👍 Great job

  • @vladlandcovschi9978
    @vladlandcovschi9978 2 ปีที่แล้ว +1

    Best explanation ever

  • @aleksandrm3466
    @aleksandrm3466 3 ปีที่แล้ว +5

    Спасибо за работу и шавуху)))

    • @DecodedFrontend
      @DecodedFrontend  3 ปีที่แล้ว

      Хаха обращайтесь! 😄

  • @oskarzajac8935
    @oskarzajac8935 ปีที่แล้ว +1

    wow, thanks for making the effort and making zip human readable

  • @kishorkadavil550
    @kishorkadavil550 3 ปีที่แล้ว +12

    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 :)

  • @afsharanh
    @afsharanh 2 ปีที่แล้ว

    wow this is the best explanation for zip and combineLatest operators, gj man!

  • @eXpertise7
    @eXpertise7 3 ปีที่แล้ว +4

    Great video, make more of these RxJS real life analogs! thanks!!

    • @DecodedFrontend
      @DecodedFrontend  3 ปีที่แล้ว

      Thanks for feedback! There will be ;)

  • @Nabulio85
    @Nabulio85 ปีที่แล้ว

    very good demonstration, beautiful pedagogy

  • @AmarSingh-uw1db
    @AmarSingh-uw1db 11 หลายเดือนก่อน

    Gratitude Sirji ❤❤. Thanks for wisdom

  • @chaitanya0912
    @chaitanya0912 2 ปีที่แล้ว

    @Decoded Frontend, You are lit 🔥🔥🔥🔥🔥🔥🔥

  • @frankretief6260
    @frankretief6260 3 ปีที่แล้ว +1

    Please do more of these, awsome

    • @DecodedFrontend
      @DecodedFrontend  3 ปีที่แล้ว

      Thanks for the feedback! I am glad you liked it ;)

  • @jakubdrewniak2668
    @jakubdrewniak2668 2 ปีที่แล้ว

    analogy to durum is awesome, i will always remmeber how zip works with durum :D

  • @MrNigam1992
    @MrNigam1992 2 ปีที่แล้ว

    Beautifully explained

  • @denisbielishev
    @denisbielishev 2 ปีที่แล้ว +1

    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

  • @SonuSindhu
    @SonuSindhu 3 ปีที่แล้ว +2

    Thanks, wanted more videos on rxjs

  • @castrojunin
    @castrojunin 2 ปีที่แล้ว

    Incredible series of rxjs man :-)

  • @MukeshSharma-xd4dn
    @MukeshSharma-xd4dn 9 หลายเดือนก่อน

    Oh my God!! You are a gem, a sage.
    Today i got deep understanding of streams.
    Many thanks

  • @frontend3409
    @frontend3409 2 ปีที่แล้ว

    Such a great example! Wow! The best explanation of zip operator in web!

  • @ЯворскийАлексей-ф8н
    @ЯворскийАлексей-ф8н 2 ปีที่แล้ว

    Thank you. It's much better for understanding!

  • @katerynadanylenko9465
    @katerynadanylenko9465 11 หลายเดือนก่อน

    Great explanation!! Thank you so much for your hand work 👍

  • @mustafasange
    @mustafasange 3 ปีที่แล้ว

    Using shawarma as an example 😋. Wonderful! 👍

  • @vijayu707
    @vijayu707 2 ปีที่แล้ว

    Genius.. Very well explained. Very very underrated tech channel..

  • @haroldpepete
    @haroldpepete 2 ปีที่แล้ว

    that is one of the best videos to understand the behavior of those operators, thank

  • @aparnashankar2215
    @aparnashankar2215 ปีที่แล้ว

    Its very good and provides a good explanation for zip operator

  • @Bukratusi
    @Bukratusi ปีที่แล้ว

    man you are genious i know wha they do but u create a very nice analogy. awesome thnaks.

  • @ozguryilmaz8152
    @ozguryilmaz8152 2 ปีที่แล้ว +1

    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 ปีที่แล้ว +1

      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 ปีที่แล้ว +1

      @@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 🙏

  • @Favorite010499450
    @Favorite010499450 3 ปีที่แล้ว +1

    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.

  • @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

  • @Faheem4449
    @Faheem4449 3 ปีที่แล้ว +1

    Really loved Durum ❤️❤️😂😂. I was fun to learn

  • @Isa-oo8mz
    @Isa-oo8mz 2 ปีที่แล้ว

    Very cool video. Great explanation!

  • @nickpravda3249
    @nickpravda3249 2 ปีที่แล้ว +1

    Спасибо, благодаря этому видео я узнал, что дурум это шевуха, а флет бред это лаваш :) А если серьезно, годный контент, молодец!

    • @DecodedFrontend
      @DecodedFrontend  2 ปีที่แล้ว +1

      Как работает zip оператор, надеюсь, тоже)

  • @johanneswe
    @johanneswe 2 ปีที่แล้ว +1

    clicked because of the thumbnail

  • @Doktornikita
    @Doktornikita 3 ปีที่แล้ว +1

    THX!

  • @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?

  • @cangua4462
    @cangua4462 ปีที่แล้ว +1

    Thanks sir

  • @VipinRawat_Offcial
    @VipinRawat_Offcial 3 ปีที่แล้ว

    As usual awesome 🙂

  • @user-wh4pm2bj1q
    @user-wh4pm2bj1q ปีที่แล้ว

    Perfect!

  • @andrewarosario
    @andrewarosario 2 ปีที่แล้ว

    Amazing explanation!

  • @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 🤞🏻😁

  • @letok2871
    @letok2871 2 ปีที่แล้ว

    Супер видео!

  • @CrusaderMen
    @CrusaderMen 2 ปีที่แล้ว

    Thank you!
    This is great!

  • @kashifalikhan4420
    @kashifalikhan4420 ปีที่แล้ว

    Very good explanation,

  • @5hrk
    @5hrk 3 ปีที่แล้ว

    Шавуха))) улыбнуло)

  • @yuliakhitrukhina
    @yuliakhitrukhina 2 ปีที่แล้ว

    Thank you! Great explanation with simple understandable examples)

  • @yuriinadilnyi3029
    @yuriinadilnyi3029 2 ปีที่แล้ว

    so great explanation)

  • @RamKumar-es3mp
    @RamKumar-es3mp ปีที่แล้ว

    Really Great content. Thanks

  • @swapnasaritnayak2569
    @swapnasaritnayak2569 2 ปีที่แล้ว

    Awesome ❤️

  • @rameshkumarveldurai5241
    @rameshkumarveldurai5241 2 ปีที่แล้ว

    Great content. Thank you :)

  • @andpzk
    @andpzk 3 ปีที่แล้ว +1

    Awesome!

  • @markusingvarsson2146
    @markusingvarsson2146 2 ปีที่แล้ว

    Loved it! Such a great analogy.

  • @BR4IN0FF
    @BR4IN0FF 3 ปีที่แล้ว +1

    Лучшее объяснение которое видел. Спасибо

    • @DecodedFrontend
      @DecodedFrontend  3 ปีที่แล้ว +1

      Спасибо за отзыв! Рад, что понравилось 🙂

    • @imarryday
      @imarryday 3 ปีที่แล้ว

      @@DecodedFrontend Не думал что ты по русски говоришь, минут 20 пытался гуглить где говорят "шавуха" ))

    • @DecodedFrontend
      @DecodedFrontend  2 ปีที่แล้ว

      @@imarryday ну это не самое распространённое название, но я встречал несколько раз точно))

  • @tomaszdarowski9906
    @tomaszdarowski9906 2 ปีที่แล้ว

    Good job

  • @RamKumar-es3mp
    @RamKumar-es3mp ปีที่แล้ว

    Please do upload more videos on rxjs thanks

  • @IhorKevin
    @IhorKevin 2 ปีที่แล้ว

    Особисто мені цей оператор більше тетріс нагадує: коли у всіх колонках заповнюються кубики - лінія готова!

  • @siju.mathew
    @siju.mathew 2 ปีที่แล้ว

    Great explanation. Good job. Keep it up!

  • @herseyvar1164
    @herseyvar1164 3 ปีที่แล้ว

    Turkish Durum Doner is great

  • @nagendradevara1
    @nagendradevara1 3 ปีที่แล้ว +1

    Nice Thumbnail 🥙👨‍🍳

  • @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 ปีที่แล้ว +1

      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

  • @rihardkrauz4696
    @rihardkrauz4696 3 ปีที่แล้ว +2

    Лайк за шавуху 😂

  • @dekathomas
    @dekathomas 3 ปีที่แล้ว +1

    Nice explanation! Can you show us the type of hot and cold observable, and others? Thanks!

  • @codebase4947
    @codebase4947 3 ปีที่แล้ว

    I would like to know more about the map operators and the new ones.

  • @evnews
    @evnews 3 ปีที่แล้ว +1

    красава! внятно и понятно!

    • @DecodedFrontend
      @DecodedFrontend  3 ปีที่แล้ว

      Спасибо 🙏🏻 рад, что понравилось

  • @ericaskari
    @ericaskari 3 ปีที่แล้ว +1

    Thank you, now I'm hungry 🤤

  • @ІлляПіранья
    @ІлляПіранья 3 ปีที่แล้ว +1

    Now I know how to cook durum, thx

  • @ams1ams53
    @ams1ams53 2 ปีที่แล้ว

    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?

  • @oren-karaso
    @oren-karaso 3 หลายเดือนก่อน

    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

  • @zeeshanexplores
    @zeeshanexplores 2 ปีที่แล้ว

    Great great video. Can you please put code for these videos on github etc?

  • @Afdac247
    @Afdac247 3 ปีที่แล้ว +2

    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 ปีที่แล้ว +1

      There we go: marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost

  • @olivierboisse1678
    @olivierboisse1678 5 หลายเดือนก่อน

    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 ?

  • @thiemofischer2230
    @thiemofischer2230 3 ปีที่แล้ว +1

    The cabbage guy is everywhere...

  • @MrNigam1992
    @MrNigam1992 2 ปีที่แล้ว

    Can you explain the fork Join operator as well?

  • @028-manikandan3
    @028-manikandan3 ปีที่แล้ว

    Sir i got a error inside ngonint this.drums$.the error is observable is assignable type of observable please response sir 🙏🙏🙏

  • @rahultej8352
    @rahultej8352 3 หลายเดือนก่อน

    Doesnt zip return OperatorFunction? how was pipe added on it

  • @marekkazimierczak9210
    @marekkazimierczak9210 ปีที่แล้ว

    6:25 👏👏👏👏👏In PL we call it "KEBAB"

  • @adennis200
    @adennis200 2 ปีที่แล้ว

    Hahaha regards from Berlin;)

  • @codeSurvivor
    @codeSurvivor 4 หลายเดือนก่อน +1

    🌯

  • @evnews
    @evnews 3 ปีที่แล้ว +1

    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??

  • @JohnDoe-ji1zv
    @JohnDoe-ji1zv ปีที่แล้ว

    Пожалуйста не говори валуэ 😅 вэлью будет правильнее. Спасибо за видео!

  • @trash2trash
    @trash2trash 2 ปีที่แล้ว

    Well ,, it is just Semaphore algo:) in shorts

  • @Afdac247
    @Afdac247 3 ปีที่แล้ว +1

    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

  • @balajibalamurugan8053
    @balajibalamurugan8053 3 ปีที่แล้ว +1

    shawarma in india

  • @alextiger548
    @alextiger548 2 ปีที่แล้ว

    Nice stuff brohaim

  • @valikonen
    @valikonen 2 ปีที่แล้ว

    Fantastic job, thank you!