Design Patterns in Angular Source Code - Bridge Design Pattern

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

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

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

    NOTE⚠ I just realized this after publishing. At 08:58 I made a mistake/typo and implemented the PayPalProvider as an interface instead of the PaymentProvider interface. Typescript didn't catch that, so it was missed... Sorry for the inconvenience and thanks @brokolililer ad @dogandipcin who pointed out this mistake.
    Leave your thoughts in the comments and follow me on other social media:
    Advanced Angular Courses - courses.decodedfrontend.io/
    Twitter - twitter.com/DecodedFrontend
    Instagram - instagram.com/decodedfron...
    LinkedIn - www.linkedin.com/in/dmezhenskyi

  • @invictuz4803
    @invictuz4803 ปีที่แล้ว +14

    Love these deep dives into the framework with theory like design patterns, this is where the real learning happens!

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

      Great to hear! Thank you for your feedback:)

  • @MhmmDonuts
    @MhmmDonuts ปีที่แล้ว +18

    Every Video this guy makes is a 10/10 ❤

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

      Thank you :)

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

      @@DecodedFrontend your welcome, BTW i would love to buy a course from you about NX, Storybook, Apps and Libs. Looking forward to it. 😃☺️

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

      Thanks for letting me know :) Soon I am gonna start to work on it :)

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

      @@MhmmDonuts Am with you on this.

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

      @@DecodedFrontend Please do it.

  • @pierre-louis2711
    @pierre-louis2711 ปีที่แล้ว +3

    Please continue on covering Design Patterns on Angular. This is exactly what i am trying to do on my own, and you definelty help me to understand it better ! You are a game changer.Thank you!

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

    The best Angular videos on the internet!

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

    I looked this up years ago and had a hard time finding it. Very good explanations. If you take a course with these good practices I'm sure it would sell a lot

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

      Thank you for the feedback:) I will keep in mind that 🙌

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

    thanks for the design pattern series! very helpful

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

    Every video on this channel is unique and useful. Thank you very much!

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

    Thanks for another useful video, Dmytro

  • @AntonioSantana-ll8il
    @AntonioSantana-ll8il ปีที่แล้ว +1

    I love this tutorials!!! the design patters apply in real life

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

    Dear Dmytro, thank you very much.

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

      You are welcome! Thanks for your feedback 😊

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

    Another great video!
    Thank u for ur content, watching with pleasure.

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

    Great explanation, as usual!

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

    Thanks, Dmytro!

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

    You are the best!

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

    as always on top!

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

    Amazing! I've been going around this pattern and can't quite figure out when to apply it and how, and after watching your video I got an epiphany! Thank you very much! Keep up the good work, looking forward to the next pattern videos! 🤩❤🙌

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

    Thx for this useful video !!!!

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

      Thanks for your feedback! I am glad to hear that you find it useful 😊

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

    Great video, thanks so much, I can imagine there was a lot of work behind the scenes.

  • @hubert.t4243
    @hubert.t4243 ปีที่แล้ว +1

    You are just awesome 10/10 ❤

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

    As usual superb 👍👏... Thanks for sharing this 🙏

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

    Awesome coverage.

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

    Great stuff as always. I recommend the forms course, because it's really worth it. super valuable material.

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

    remarkable video. thanks!

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

    Damn , your content is so awesome.
    Thank you for the video. This was super helpful and informative.

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

    as usual awesome tutorial)

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

    This was a good video.

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

    Love your content, really helped me to become a better angular developer, please don't stop :D ... if you are short with Angular content, I would also love to see multiple design patterns and maybe some problems and how you could solve them with different design patterns.

  • @AleksandraSetsumei
    @AleksandraSetsumei 8 หลายเดือนก่อน

    hey, I loved this video, great job. Small question tho: how does this expanation correspond to your other video about the Bridge Pattern? Are these different patterns?

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

    God I wish someone could explain to me SOLID principles a year ago so clear as Dmytro did =)

  • @AntonioSantana-ll8il
    @AntonioSantana-ll8il ปีที่แล้ว

    Could you explain me the differents between strategy and bridge pattern

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

    Correct me if I'm wrong, but I really have the impression that the bridge patern is a kind of composition. FormControlDirective uses ControlValueAccessor to synchronize with DOM

    • @DecodedFrontend
      @DecodedFrontend  9 หลายเดือนก่อน

      I think it would be more accurate to say that “the Bridge pattern leverages the composition”. The composition isn't a pattern by itself, it is just a form of relationship between entities, which is utilized by many other design patterns like bridge, strategy, dependency injection, etc Composition is a more generic thing that is used by design patterns to solve more narrow use cases. So, your impression is partly right :)

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

    Is there a bug on shared.ts file???? (16:46)
    .setDisabledState?.(control.disabled)
    The point after setDisabledState? (.)

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

    Hello Dymitry,
    Awesome video thanks for the detailed explanation. I just have a question.
    Don't understand one part of the implementation of the bridge pattern. Why do you implement PayPalProvider class to PayPalProvider and ApplePayProvider classes?

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

      Hi! I just realised that after publishing that I made a typo. Of course it had to be PaymentProvider interface and because API of PaymentProvider and PayPalProvider basically the same, the TypeScript did't complain about that... :(

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

      ​@@DecodedFrontend Yes, I thought that like that way. However, the behavior of the typescript here is interesting. Yes, PaymentProvider and PayPalProvider basically the same, but I wish TypeScript would at least understand that we are implementing the same class for the PayPalProvider implementation :)

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

      @dogandipcin yeah... To be honest, I still don't get the motivation to allow "implement" anything like classes in TypeScript :)

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

      @@DecodedFrontend 😃

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

    Wow, Awesome🎉 Do you have any Udemy Course, on Angular Project using Cool concepts like this ?

  • @АнтонГришко-д7ъ
    @АнтонГришко-д7ъ ปีที่แล้ว +1

    👍👍👍👍👍

  • @ThomasWaldbillig-y7t
    @ThomasWaldbillig-y7t ปีที่แล้ว

    Hi, great videos.
    I have a small question though...
    I am trying to implement the bridge pattern as aou describe it for a dashboard with widgets, which works great until i dynamically create the widgets.
    From then on i cannot get them through the "ContentChild" slector
    tried creating them in different ways (viewcontainerref, ngComponentOutput, ...) but it seems that dynamically creted coponents and contenchild do not match
    ran across a couple of people who said that contentchild only works for stuff that can be determined at compile time
    do you know of a way to use the bridge pattern with dynmic omponents?

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

    Hi, Shouldn't we implement "PaymentProvider" in the 9th minute?
    We implemented "PaypalProvider" to "ApplePayProvider". Why ? :(

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

      Oh, it looks like I typed PayPalProvider by mistake and it wasn't caught by the typescript. Yes, you are right! It had to be a PaymentProvider interface of course 🤦Thanks for reporting that

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

    ❤️💯

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

    Гарні відео, приємно дізнатися, що це ще й твій співвітчизник🇺🇦
    Слава Україні!

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

      Героям слава🇺🇦 дякую за фідбек 🙌🏻

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

    Great explanations, as usual !