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

Поділитися
Вставка
  • Опубліковано 26 жов 2024

КОМЕНТАРІ • 117

  • @oskarzajac8935
    @oskarzajac8935 Рік тому +1

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

  • @artempushnev1855
    @artempushnev1855 3 місяці тому +1

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

  • @vijayu707
    @vijayu707 2 роки тому

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

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

  • @eXpertise7
    @eXpertise7 3 роки тому +4

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

  • @aleksandrm3466
    @aleksandrm3466 3 роки тому +5

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

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

  • @haroldpepete
    @haroldpepete 2 роки тому

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

  • @SonuSindhu
    @SonuSindhu 3 роки тому +2

    Thanks, wanted more videos on rxjs

  • @afsharanh
    @afsharanh 2 роки тому

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

  • @MukeshSharma-xd4dn
    @MukeshSharma-xd4dn 10 місяців тому

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

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

  • @vladlandcovschi9978
    @vladlandcovschi9978 2 роки тому +1

    Best explanation ever

  • @frontend3409
    @frontend3409 2 роки тому

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

  • @AmarSingh-uw1db
    @AmarSingh-uw1db Рік тому

    Gratitude Sirji ❤❤. Thanks for wisdom

  • @Faheem4449
    @Faheem4449 3 роки тому +1

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

  • @castrojunin
    @castrojunin 2 роки тому

    Incredible series of rxjs man :-)

  • @katerynadanylenko9465
    @katerynadanylenko9465 Рік тому

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

  • @chaitanya0912
    @chaitanya0912 3 роки тому

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

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

  • @Bukratusi
    @Bukratusi Рік тому

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

  • @aparnashankar2215
    @aparnashankar2215 Рік тому

    Its very good and provides a good explanation for zip operator

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

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

    Thank you. It's much better for understanding!

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

  • @MrNigam1992
    @MrNigam1992 2 роки тому

    Beautifully explained

  • @nickpravda3249
    @nickpravda3249 3 роки тому +1

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

    • @DecodedFrontend
      @DecodedFrontend  3 роки тому +1

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

  • @Isa-oo8mz
    @Isa-oo8mz 3 роки тому

    Very cool video. Great explanation!

  • @jakubdrewniak2668
    @jakubdrewniak2668 3 роки тому

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

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

  • @mustafasange
    @mustafasange 3 роки тому

    Using shawarma as an example 😋. Wonderful! 👍

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

  • @BR4IN0FF
    @BR4IN0FF 3 роки тому +1

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

    • @DecodedFrontend
      @DecodedFrontend  3 роки тому +1

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

    • @imarryday
      @imarryday 3 роки тому

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

    • @DecodedFrontend
      @DecodedFrontend  3 роки тому

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

  • @markusingvarsson2146
    @markusingvarsson2146 3 роки тому

    Loved it! Such a great analogy.

  • @yuliakhitrukhina
    @yuliakhitrukhina 2 роки тому

    Thank you! Great explanation with simple understandable examples)

  • @siju.mathew
    @siju.mathew 3 роки тому

    Great explanation. Good job. Keep it up!

  • @andrewarosario
    @andrewarosario 3 роки тому

    Amazing explanation!

  • @CrusaderMen
    @CrusaderMen 2 роки тому

    Thank you!
    This is great!

  • @VipinRawat_Offcial
    @VipinRawat_Offcial 3 роки тому

    As usual awesome 🙂

  • @RamKumar-es3mp
    @RamKumar-es3mp Рік тому

    Really Great content. Thanks

  • @rameshkumarveldurai5241
    @rameshkumarveldurai5241 3 роки тому

    Great content. Thank you :)

  • @kashifalikhan4420
    @kashifalikhan4420 Рік тому

    Very good explanation,

  • @yuriinadilnyi3029
    @yuriinadilnyi3029 2 роки тому

    so great explanation)

  • @letok2871
    @letok2871 2 роки тому

    Супер видео!

  • @johanneswe
    @johanneswe 2 роки тому +1

    clicked because of the thumbnail

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

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

  • @andpzk
    @andpzk 3 роки тому +1

    Awesome!

  • @ІлляПіранья
    @ІлляПіранья 3 роки тому +1

    Now I know how to cook durum, thx

  • @RamKumar-es3mp
    @RamKumar-es3mp Рік тому

    Please do upload more videos on rxjs thanks

  • @IhorKevin
    @IhorKevin 3 роки тому

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

  • @ericaskari
    @ericaskari 3 роки тому +1

    Thank you, now I'm hungry 🤤

  • @evnews
    @evnews 3 роки тому +1

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

    • @DecodedFrontend
      @DecodedFrontend  3 роки тому

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

  • @swapnasaritnayak2569
    @swapnasaritnayak2569 3 роки тому

    Awesome ❤️

  • @oren-karaso
    @oren-karaso 5 місяців тому

    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

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

    Perfect!

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

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

  • @cangua4462
    @cangua4462 Рік тому +1

    Thanks sir

  • @Doktornikita
    @Doktornikita 3 роки тому +1

    THX!

  • @nagendradevara1
    @nagendradevara1 3 роки тому +1

    Nice Thumbnail 🥙👨‍🍳

  • @5hrk
    @5hrk 3 роки тому

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

  • @MrNigam1992
    @MrNigam1992 2 роки тому

    Can you explain the fork Join operator as well?

  • @herseyvar1164
    @herseyvar1164 3 роки тому

    Turkish Durum Doner is great

  • @zeeshanexplores
    @zeeshanexplores 2 роки тому

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

  • @olivierboisse1678
    @olivierboisse1678 7 місяців тому

    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 ?

  • @tomaszdarowski9906
    @tomaszdarowski9906 2 роки тому

    Good job

  • @thiemofischer2230
    @thiemofischer2230 3 роки тому +1

    The cabbage guy is everywhere...

  • @rihardkrauz4696
    @rihardkrauz4696 3 роки тому +2

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

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

  • @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 5 місяців тому

    Doesnt zip return OperatorFunction? how was pipe added on it

  • @adityagautam1217
    @adityagautam1217 2 роки тому

    how's forkJoin different from zip??

  • @adennis200
    @adennis200 3 роки тому

    Hahaha regards from Berlin;)

  • @JohnDoe-ji1zv
    @JohnDoe-ji1zv Рік тому

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

  • @trash2trash
    @trash2trash 2 роки тому

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

  • @codeSurvivor
    @codeSurvivor 5 місяців тому +1

    🌯

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

  • @marekkazimierczak9210
    @marekkazimierczak9210 Рік тому

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

  • @alextiger548
    @alextiger548 2 роки тому

    Nice stuff brohaim

  • @valikonen
    @valikonen 3 роки тому

    Fantastic job, thank you!