Design Patterns in Angular Source Code - Strategy Design Pattern

[@DecodedFrontend]

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]

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!

[@felipejacobs2296]

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

[@giorgikirvalidze394]

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

[@yuliakhitrukhina]

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!

[@dale_nguyen]

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

[@DecodedFrontend]

Your required was accepted 😁

[@ytamb01]

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

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

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

[@AlphaFrog1021]

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

[@DecodedFrontend]

Good hint, actually! Thank you 😊

[@cdc_ua]

thanx for your great job!

[@deathbyjs]

Thanks

[@DecodedFrontend]

Wow, thank you so much!🙌🏻

[@kanishkanaik2784]

Need all the design pattern in angular

[@denns0r]

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

[@DecodedFrontend]

Glad that I could make this topic clearer ;)

[@leandroalvarez9075]

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

[@atmn_pawel]

creator of the nest js in the background 0:10

[@DecodedFrontend]

Haha :) Exactly!

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

[@demidovmaxim1008]

Thanks for this video dear friend!)

[@ico0z]

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

[@gagiksimonyan3782]

Thanks for another useful video, Dmytro)

[@DecodedFrontend]

My pleasure!

[@GLawSomnia]

Simple, yet effective :D Love your videos

[@christ-gospel]

Thanks. Pls explain how to understand the angular code.

[@avijitghosh9472]

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

[@oleksandrvorovchenko8674]

Thanks. Great explanation as usual!

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

[@nicohussein2635]

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

[@DecodedFrontend]

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

[@praktycznewskazowki6733]

Very good series, Thanks! :)

[@hubert.t4243]

Again, as usual well explained.Thank you.

[@carlosabud]

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

[@Mr007Zeta]

Instant like. Love your content

[@DecodedFrontend]

Thank you 😊

[@obadaka3918]

Thanks a lot😃

[@kiransaravade5127]

great video

[@santicanabalramos667]

I love this kind of videos :D

[@DecodedFrontend]

Awesome! Thanks for the feedback ;)

[@evtihii]

Cool pretty useful

[@zhdanvadim9536]

Thanks. Great explanation!

[@rezyadlf]

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]

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]

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

[@Simon_IHG]

Very good video as always ! ❤️

[@DecodedFrontend]

Thank you! 😃

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

[@yuriinadilnyi3029]

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

[@DecodedFrontend]

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

[@THIAGO_6721]

Amazing

[@foobar846]

Great vídeo! Thank you!

[@gund_ua]

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]

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]

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.

[@AzadKanwar]

awesome

[@beodan9219]

awsome

[@devman5813]

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

[@DecodedFrontend]

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

[@devman5813]

I can see it now, thank you :)

[@irynakhariv5419]

Дякую😊

[@DecodedFrontend]

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

[@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!!

[@piotrbrokowski4703]

Did you change the flat ?

[@DecodedFrontend]

No, I changed a room :)

[@MrKOHKyPEHT]

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

[@DecodedFrontend]

Yes, exactly

[@chandreshmaurya1021]

I see u fixed the thumbnail 😉

[@DecodedFrontend]

Yes :)

[@haroldpepete]

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

[@DecodedFrontend]

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

[@Aliakbaresmaeiliiii]

thanx for your great job!

[@MohamedAbdulRaouf]

Brilliant as always, thank you 🙏🙏