Design Patterns in Angular Source Code - Strategy Design Pattern

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💥

💡 Short Frontend Snacks (Tips) every week here:

This video was sponsored by Brilliant

[felipejacobs]

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

[magdalenalewicka]

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.

[giorgikirvalidze]

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

[dale_nguyen]

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

[leandroalvarez]

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

[carlosabud]

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

[gagiksimonyan]

Thanks for another useful video, Dmytro)

[atmn_pawel]

creator of the nest js in the background 0:10

[christ-gospel]

Thanks. Pls explain how to understand the angular code.

[yuriinadilnyi]

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

[kanishkanaik]

Need all the design pattern in angular

[devman]

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

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

[MrKOHKyPEHT]

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

[haroldpepete]

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

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

[nicohussein]

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

[GLawSomnia]

Simple, yet effective :D Love your videos

[dennsr]

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

[AlphaFrog]

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