Design Patterns in Angular Source Code - Strategy Design Pattern

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

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

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

    To try everything Brilliant has to offer-free-for a full 30 days, visit brilliant.org/DecodedFrontend/. The first 200 of you will get 20% off Brilliant’s annual premium subscription.

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

      Hello, Dmytro! Would you be interested to make a video about contentChild/Children? Not how it works, but where are appropriate applications in terms of frontend abstractions? What business use case are they best for?
      Thanks!

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

    great video and especially the cat that takes center stage at the beginning 😅

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

    hi, thx for informative videos, please upload more about design patterns.

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

    Last two videos are sooo good! Please, continue this series about patterns with examples from the source code (if there are some :)))
    Btw, really enjoying the Forms course, thanks!

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

    It's so easy to find videos on basic Angular concepts, but so difficult to find ones that go deeper. I love your videos, they help pretty experienced developer to get better and better. Thank you for sharing your knowledge.

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

    Thanks

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

    I have switch statements in my code that determine behaviour and now I know how to manage this. Thanks very much.

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

      Use it wisely. Not every switch/case has to be refactored like in the video. Sometimes it might bring unnecessary complexity to your code without real benefits

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

    Wow that simple example was very helpful!! Great explanation. 👏

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

      Glad that I could make this topic clearer ;)

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

    Just awesome. Always learning new things in details from your videos.

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

    great video! I suggest turning off minimap and even sidebar to have more screen size

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

    these videos are freaking amazing, Dmytro! please keep it up!!

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

    Simple, yet effective :D Love your videos

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

    Need all the design pattern in angular

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

    Instant like. Love your content

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

    Why there isn't a love button. This video e just perfect and you learn a lot from it. Thank you

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

    Again, as usual well explained.Thank you.

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

    Thanks for another useful video, Dmytro)

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

    Brilliant as always, thank you 🙏🙏

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

    Very good series, Thanks! :)

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

    Great video. We need more screen time for the cat though 🤣

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

    thanx for your great job!

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

    I love this kind of videos :D

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

    Hi! You are the best. Thanks for your videos. Could be some about unit testing? or testing in angular? Thanks you!

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

    creator of the nest js in the background 0:10

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

    Thanks. Great explanation!

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

    Very good video as always ! ❤️

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

    I always learn a lot of new things from your videos)

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

      Glad to hear that, Yurii :) Thanks for the feedback!

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

    Nice example of the strategy pattern. I would like to mention one more example of this pattern in JS world - ability to provide the comparison algorithm to the sort method of Array. The idea is the same - runtime definition of the algorithm that is used inside the main context.

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

    Wow, amazing video!! 🚀
    Which resources do u recommend to learn/practice more about design patterns?

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

      refactoring.guru - is an awesome source to read more about it

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

    Thanks a lot😃

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

    Thanks, very great example, made me grasp the concept much easier.
    Can you please do more videos revealing angular internals, and how they work

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

    Thanks for this video dear friend!)

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

    Great vídeo! Thank you!

  • @christ-gospel
    @christ-gospel ปีที่แล้ว

    Thanks. Pls explain how to understand the angular code.

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

    9:48 rows 110, 111, 112, 113 - is that how overload implemented in TS?

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

    How can you display the result at the end of console.log line?

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

    Thank you

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

    great video

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

    Hi Dmytro. Could you, please, teach us micro-frontend. Especially, angular/module-federation? That would be cool. You're an expert in Angular and i'm sure your video about it will be very usefull

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

      Also, since you are highly expertised, could you share us with your vision about the future of Angular? Will it reach the performance of React some day? What are they (Google) going to improve in future etc. I've read in Twitter that they are thinking about implementation of some sort of JSX-like syntax, maybe you know something interesting

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

      Curretnly, people are hyped on Angular's Signal. Would be cool to hear about that.

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

    Cool pretty useful

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

    Hello Dmytro, Can you please make a video about change detection in depth understanding with real time scenarios and usage? It would be better for us if you make it. Thanks in advance 🙏

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

    Hi Decoded Frontend, Is there any way to add open graph tags on angular, if it's rendered client side? Any suggestions would be great!!

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

    awesome

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

    Amazing

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

    Awesome stuff!
    SOLID and Design Patterns are 2 topics that are very underrated and even sometimes hated in frontend world (LOL).
    Very nice to see more attention on this stuff as in my opinion it's one of the most important things in most if not any software project (be it frontend or backend).
    You can easily replace algorithms if you have a good architecture but if you don't then you will be spending countless hours refactoring =)

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

      Thank you for your feedback, Alex! Always reach and valuable feedback. I am agree that knowledge about design principles and patterns can drastically improve the code we write. Also, very often they just sound scary and difficult but in reality it is not :)

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

      In 10 years working for enterprise clients with Angular I've never seen true OOP patterns employed on the front-end. It's always Functional Reactive Programming and classes are only used for Angular directives, pipes or services. You don't have a Product class but a product object that is stored in Redux for example. If you start mixing code paradigms you will break the codebase coherency which will do more harm than good. We generally try to reduce the cognitive complexity, not increase it.

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

    Can you add the video to playlist about design patterns? :D

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

      But it should be already there… 🤔 ok, I will check one more time

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

      I can see it now, thank you :)

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

    Did you change the flat ?

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

    awsome

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

    Дякую😊

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

      Дуже дякую за фідбек 😊

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

    Top

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

    I see u fixed the thumbnail 😉

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

    CEO was checking the class and how was the last feature you were assigned, he looks angry

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

      Yeah, I probably forgot to food her, so that's why she looks angry :D

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

    I'm looking for a job

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

    Thanks. Great explanation as usual!

  • @Aliakbaresmaeiliiii
    @Aliakbaresmaeiliiii 10 หลายเดือนก่อน

    thanx for your great job!