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

Поделиться
HTML-код
  • Опубликовано: 5 окт 2024
  • НаукаНаука

Комментарии • 117

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

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

  • @aleksandrm3466
    @aleksandrm3466 3 года назад +5

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

  • @oskarzajac8935
    @oskarzajac8935 Год назад +1

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

  • @eXpertise7
    @eXpertise7 3 года назад +4

    Great video, make more of these RxJS real life analogs! 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.

  • @SonuSindhu
    @SonuSindhu 3 года назад +2

    Thanks, wanted more videos on rxjs

  • @artempushnev1855
    @artempushnev1855 2 месяца назад +1

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

  • @afsharanh
    @afsharanh 2 года назад

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

  • @vladlandcovschi9978
    @vladlandcovschi9978 2 года назад +1

    Best explanation ever

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

  • @vijayu707
    @vijayu707 2 года назад

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

  • @denisbielishev
    @denisbielishev 3 года назад +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

  • @frankretief6260
    @frankretief6260 3 года назад +1

    Please do more of these, awsome

    • @DecodedFrontend
      @DecodedFrontend  3 года назад

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

  • @Nabulio85
    @Nabulio85 2 года назад

    very good demonstration, beautiful pedagogy

  • @MukeshSharma-xd4dn
    @MukeshSharma-xd4dn 10 месяцев назад

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

  • @jakubdrewniak2668
    @jakubdrewniak2668 2 года назад

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

  • @castrojunin
    @castrojunin 2 года назад

    Incredible series of rxjs man :-)

  • @haroldpepete
    @haroldpepete 2 года назад

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

  • @AmarSingh-uw1db
    @AmarSingh-uw1db Год назад

    Gratitude Sirji ❤❤. Thanks for wisdom

  • @katerynadanylenko9465
    @katerynadanylenko9465 Год назад

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

  • @frontend3409
    @frontend3409 2 года назад

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

  • @MrNigam1992
    @MrNigam1992 2 года назад

    Beautifully explained

  • @Bukratusi
    @Bukratusi Год назад

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

  • @chaitanya0912
    @chaitanya0912 2 года назад

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

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

  • @aparnashankar2215
    @aparnashankar2215 Год назад

    Its very good and provides a good explanation for zip operator

  • @ЯворскийАлексей-ф8н

    Thank you. It's much better for understanding!

  • @Faheem4449
    @Faheem4449 3 года назад +1

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

  • @mustafasange
    @mustafasange 3 года назад

    Using shawarma as an example 😋. Wonderful! 👍

  • @VipinRawat_Offcial
    @VipinRawat_Offcial 3 года назад

    As usual awesome 🙂

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

  • @Isa-oo8mz
    @Isa-oo8mz 3 года назад

    Very cool video. Great explanation!

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

  • @andrewarosario
    @andrewarosario 3 года назад

    Amazing explanation!

  • @dekathomas
    @dekathomas 3 года назад +1

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

  • @CrusaderMen
    @CrusaderMen 2 года назад

    Thank you!
    This is great!

  • @yuliakhitrukhina
    @yuliakhitrukhina 2 года назад

    Thank you! Great explanation with simple understandable examples)

  • @markusingvarsson2146
    @markusingvarsson2146 2 года назад

    Loved it! Such a great analogy.

  • @RamKumar-es3mp
    @RamKumar-es3mp Год назад

    Please do upload more videos on rxjs thanks

  • @nickpravda3249
    @nickpravda3249 2 года назад +1

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

    • @DecodedFrontend
      @DecodedFrontend  2 года назад +1

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

  • @kashifalikhan4420
    @kashifalikhan4420 Год назад

    Very good explanation,

  • @codebase4947
    @codebase4947 3 года назад

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

  • @RamKumar-es3mp
    @RamKumar-es3mp Год назад

    Really Great content. Thanks

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

  • @yuriinadilnyi3029
    @yuriinadilnyi3029 2 года назад

    so great explanation)

  • @siju.mathew
    @siju.mathew 2 года назад

    Great explanation. Good job. Keep it up!

  • @andpzk
    @andpzk 3 года назад +1

    Awesome!

  • @cangua4462
    @cangua4462 Год назад +1

    Thanks sir

  • @rameshkumarveldurai5241
    @rameshkumarveldurai5241 3 года назад

    Great content. Thank you :)

  • @Doktornikita
    @Doktornikita 3 года назад +1

    THX!

  • @ДенисЛюбченко-л4о

    Perfect!

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

  • @swapnasaritnayak2569
    @swapnasaritnayak2569 2 года назад

    Awesome ❤️

  • @letok2871
    @letok2871 2 года назад

    Супер видео!

  • @BR4IN0FF
    @BR4IN0FF 3 года назад +1

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

    • @DecodedFrontend
      @DecodedFrontend  3 года назад +1

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

    • @imarryday
      @imarryday 3 года назад

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

    • @DecodedFrontend
      @DecodedFrontend  2 года назад

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

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

  • @5hrk
    @5hrk 3 года назад

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

  • @zeeshanexplores
    @zeeshanexplores 2 года назад

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

  • @IhorKevin
    @IhorKevin 3 года назад

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

  • @MrNigam1992
    @MrNigam1992 2 года назад

    Can you explain the fork Join operator as well?

  • @johanneswe
    @johanneswe 2 года назад +1

    clicked because of the thumbnail

  • @tomaszdarowski9906
    @tomaszdarowski9906 2 года назад

    Good job

  • @herseyvar1164
    @herseyvar1164 3 года назад

    Turkish Durum Doner is great

  • @olivierboisse1678
    @olivierboisse1678 6 месяцев назад

    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 ?

  • @ІлляПіранья
    @ІлляПіранья 3 года назад +1

    Now I know how to cook durum, thx

  • @oren-karaso
    @oren-karaso 4 месяца назад

    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

  • @evnews
    @evnews 3 года назад +1

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

    • @DecodedFrontend
      @DecodedFrontend  3 года назад

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

  • @nagendradevara1
    @nagendradevara1 3 года назад +1

    Nice Thumbnail 🥙👨‍🍳

  • @ericaskari
    @ericaskari 3 года назад +1

    Thank you, now I'm hungry 🤤

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

  • @rihardkrauz4696
    @rihardkrauz4696 3 года назад +2

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

  • @rahultej8352
    @rahultej8352 4 месяца назад

    Doesnt zip return OperatorFunction? how was pipe added on it

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

  • @adityagautam1217
    @adityagautam1217 2 года назад

    how's forkJoin different from zip??

  • @thiemofischer2230
    @thiemofischer2230 3 года назад +1

    The cabbage guy is everywhere...

  • @trash2trash
    @trash2trash 2 года назад

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

  • @JohnDoe-ji1zv
    @JohnDoe-ji1zv Год назад

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

  • @adennis200
    @adennis200 3 года назад

    Hahaha regards from Berlin;)

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

  • @codeSurvivor
    @codeSurvivor 5 месяцев назад +1

    🌯

  • @balajibalamurugan8053
    @balajibalamurugan8053 3 года назад +1

    shawarma in india

  • @alextiger548
    @alextiger548 2 года назад

    Nice stuff brohaim

  • @marekkazimierczak9210
    @marekkazimierczak9210 Год назад

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

  • @valikonen
    @valikonen 3 года назад

    Fantastic job, thank you!