Тёмный

Design Patterns in Angular Source Code - Strategy Design Pattern 

Decoded Frontend
Подписаться 50 тыс.
Просмотров 17 тыс.
50% 1

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.
Today I continue a video series where I try to reveal classical GoF design patterns in Angular source code. In the previous video we learned how Design Pattern Bridge is used to Design the Angular forms library and today I am going to talk about the Strategy Design pattern and how it was used to design the ASYNC pipe in Angular. Enjoy the video and I hope you will learn something new today.
🕒 Time Codes:
00:00:00 - Intro;
00:01:03 - Which problems Strategy solves;
00:02:08 - Ad integration;
00:03:43 - Strategy pattern in Action;
00:07:22 - How it is used in ASYNC pipe code;
00:11:46 - Outro;
💥 Become a PRO in Angular with my Courses💥
🔗 courses.decodedfrontend.io
💡 Short Frontend Snacks (Tips) every week here:
Twitter - / decodedfrontend
Instagram - / decodedfrontend
LinkedIn - / dmezhenskyi
This video was sponsored by Brilliant

Хобби

Опубликовано:

 

4 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 77   
@DecodedFrontend
@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
@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
@felipejacobs2296 Год назад
great video and especially the cat that takes center stage at the beginning 😅
@GLawSomnia
@GLawSomnia Год назад
Simple, yet effective :D Love your videos
@carlosabud
@carlosabud Год назад
these videos are freaking amazing, Dmytro! please keep it up!!
@praktycznewskazowki6733
@praktycznewskazowki6733 Год назад
Very good series, Thanks! :)
@oleksandrvorovchenko8674
@oleksandrvorovchenko8674 Год назад
Thanks. Great explanation as usual!
@hubert.t4243
@hubert.t4243 Год назад
Again, as usual well explained.Thank you.
@MohamedAbdulRaouf
@MohamedAbdulRaouf Год назад
Brilliant as always, thank you 🙏🙏
@yuliakhitrukhina
@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!
@avijitghosh9472
@avijitghosh9472 Год назад
Just awesome. Always learning new things in details from your videos.
@zhdanvadim9536
@zhdanvadim9536 Год назад
Thanks. Great explanation!
@cdc_ua
@cdc_ua Год назад
thanx for your great job!
@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
@foobar846
@foobar846 Год назад
Great vídeo! Thank you!
@giorgikirvalidze394
@giorgikirvalidze394 Год назад
hi, thx for informative videos, please upload more about design patterns.
@demidovmaxim1008
@demidovmaxim1008 Год назад
Thanks for this video dear friend!)
@magdalenalewicka7197
@magdalenalewicka7197 11 месяцев назад
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.
@kiransaravade5127
@kiransaravade5127 Год назад
great video
@leandroalvarez9075
@leandroalvarez9075 Год назад
Hi! You are the best. Thanks for your videos. Could be some about unit testing? or testing in angular? Thanks you!
@obadaka3918
@obadaka3918 Год назад
Thanks a lot😃
@denns0r
@denns0r Год назад
Wow that simple example was very helpful!! Great explanation. 👏
@DecodedFrontend
@DecodedFrontend Год назад
Glad that I could make this topic clearer ;)
@evtihii
@evtihii 8 месяцев назад
Cool pretty useful
@Simon_IHG
@Simon_IHG Год назад
Very good video as always ! ❤️
@DecodedFrontend
@DecodedFrontend Год назад
Thank you! 😃
@kanishkanaik2784
@kanishkanaik2784 Год назад
Need all the design pattern in angular
@gagiksimonyan3782
@gagiksimonyan3782 Год назад
Thanks for another useful video, Dmytro)
@DecodedFrontend
@DecodedFrontend Год назад
My pleasure!
@THIAGO_6721
@THIAGO_6721 11 месяцев назад
Amazing
@yuriinadilnyi3029
@yuriinadilnyi3029 Год назад
I always learn a lot of new things from your videos)
@DecodedFrontend
@DecodedFrontend Год назад
Glad to hear that, Yurii :) Thanks for the feedback!
@Mr007Zeta
@Mr007Zeta Год назад
Instant like. Love your content
@DecodedFrontend
@DecodedFrontend Год назад
Thank you 😊
@dale_nguyen
@dale_nguyen Год назад
Great video. We need more screen time for the cat though 🤣
@DecodedFrontend
@DecodedFrontend Год назад
Your required was accepted 😁
@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.
@deathbyjs
@deathbyjs Год назад
Thanks
@DecodedFrontend
@DecodedFrontend Год назад
Wow, thank you so much!🙌🏻
@AzadKanwar
@AzadKanwar Год назад
awesome
@santicanabalramos667
@santicanabalramos667 Год назад
I love this kind of videos :D
@DecodedFrontend
@DecodedFrontend Год назад
Awesome! Thanks for the feedback ;)
@beodan9219
@beodan9219 Год назад
awsome
@AlphaFrog1021
@AlphaFrog1021 Год назад
great video! I suggest turning off minimap and even sidebar to have more screen size
@DecodedFrontend
@DecodedFrontend Год назад
Good hint, actually! Thank you 😊
@ytamb01
@ytamb01 Год назад
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
@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 🙏
@ico0z
@ico0z Год назад
Why there isn't a love button. This video e just perfect and you learn a lot from it. Thank you
@christ-gospel
@christ-gospel Год назад
Thanks. Pls explain how to understand the angular code.
@nicohussein2635
@nicohussein2635 Год назад
Wow, amazing video!! 🚀 Which resources do u recommend to learn/practice more about design patterns?
@DecodedFrontend
@DecodedFrontend Год назад
refactoring.guru - is an awesome source to read more about it
@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!!
@atmn_pawel
@atmn_pawel Год назад
creator of the nest js in the background 0:10
@DecodedFrontend
@DecodedFrontend Год назад
Haha :) Exactly!
@irynakhariv5419
@irynakhariv5419 Год назад
Дякую😊
@DecodedFrontend
@DecodedFrontend Год назад
Дуже дякую за фідбек 😊
@rezyadlf
@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
@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.
@gund_ua
@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
@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 Год назад
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 Год назад
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 Год назад
Did you change the flat ?
@DecodedFrontend
@DecodedFrontend Год назад
No, I changed a room :)
@MrKOHKyPEHT
@MrKOHKyPEHT Год назад
9:48 rows 110, 111, 112, 113 - is that how overload implemented in TS?
@DecodedFrontend
@DecodedFrontend Год назад
Yes, exactly
@chandreshmaurya1021
@chandreshmaurya1021 Год назад
I see u fixed the thumbnail 😉
@DecodedFrontend
@DecodedFrontend Год назад
Yes :)
@haroldpepete
@haroldpepete Год назад
CEO was checking the class and how was the last feature you were assigned, he looks angry
@DecodedFrontend
@DecodedFrontend Год назад
Yeah, I probably forgot to food her, so that's why she looks angry :D
@Aliakbaresmaeiliiii
@Aliakbaresmaeiliiii 5 месяцев назад
thanx for your great job!
Далее
Schoolboy - Часть 2
00:12
Просмотров 3,5 млн
Китайка Шрек всех Сожрал😂😆
00:20
Angular Design Patterns - Bridge [Advanced, 2020]
24:34
10 Design Patterns Explained in 10 Minutes
11:04
Просмотров 2,2 млн
RxJS Scan Operator - How to Manage the State
16:33
Просмотров 10 тыс.
How Senior Programmers ACTUALLY Write Code
13:37
Просмотров 1,5 млн
Builder Design Pattern Explained in 10 Minutes
10:45
Просмотров 26 тыс.
Dependency Injection, The Best Pattern
13:16
Просмотров 783 тыс.