Angular Inject Function - Better Than Constructor

Learn Angular inject function and how it is better than injection all dependencies in the constructor. It allows us to move parts of our component to plain functions and make them reusable.
TIMESTAMPS
0:00 Introduction
1:02 Using Angular inject function
2:04 Moving code outside
4:22 Angular component inheritance
6:19 Angular inject function real example
► CHECK MY COURSES - monsterlessons-academy.com/co...
MOST POPULAR COURSES
► Building real project with Angular + NgRx - monsterlessons-academy.com/co...
► Building real NestJS API - monsterlessons-academy.com/co...
► Javascript interview questions - monsterlessons-academy.com/co...
► Building real fullstack project - monsterlessons-academy.com/co...
► Mastering Git - monsterlessons-academy.com/co...
► Mastering Docker and Docker Compose - monsterlessons-academy.com/co...
► Building real project with React Hooks - monsterlessons-academy.com/co...
► Building real project with Vue + Vuex - monsterlessons-academy.com/co...
FOLLOW ME
► TWITTER - / monster_lessons
► INSTAGRAM - / monsterlessonsacademy
► TIKTOK - / monsterlessonsacademy
REFERENCES
► Source code - github.com/monsterlessonsacad...

[@prasoon2510]

You are awesome.. you explain in very easy and practical manner. Thank you

[@MonsterlessonsAcademy]

You are welcome!

[@hamza201183]

Wow there are so many things to learn in Angular...

[@MonsterlessonsAcademy]

Yeap. Unfortunately they don't want to stop.

[@advance5189]

Awesome explanation and moreover, your English is so clear that I wanna listen to you and listen.. Keep going!

[@MonsterlessonsAcademy]

Thank you! 😃

[@ytamb01]

That was really good - both creating re-usable code outside your component and a much cleaner way of extending components. Thanks very much.

[@MonsterlessonsAcademy]

You're welcome!

[@e-jarod4110]

Insanely good explanation! I hesitated dropping constructors injection because I didn't feel the real need to move to inject() But I didn't know it is possible to export destroy$ for example in a simple reusable function

[@MonsterlessonsAcademy]

Yeap!

[@tomozi1]

Отличная подача! Как всегда материал на высоте

[@ythalorossy]

Amazing explanation.

[@MonsterlessonsAcademy]

Glad you think so!

[@fadil2671]

nice video, now i need to refactor all my codes 😁😁

[@MonsterlessonsAcademy]

Go for it!

[@hamza201183]

Many thanks, great video as always.

[@MonsterlessonsAcademy]

Glad you enjoyed it

[@Brendan2Alexander]

Awesomely helpful! Thank u

[@MonsterlessonsAcademy]

You're welcome!

[@MrGCastilhos]

Amazing content, thanks a lot

[@MonsterlessonsAcademy]

My pleasure!

[@thirukumaran6034]

Your courses are short and sweet ❤. Can you please create a new session for unit testing inject() function

[@MonsterlessonsAcademy]

I added it to the list of future videos. Thank you for the idea!

[@JonatanPetersson]

@@MonsterlessonsAcademy Would really like this too. Especially where you've extracted them into functions

[@visufactmanufacturing7712]

It's a very good video, thank you! I wonder if it would be better to name functions that can only be used in an injection context in a specific way, in order to differentiate them from other functions. For example I would prefer to call them "injectPageParam()" or "injectOnDestroy()".

[@MonsterlessonsAcademy]

There are no guidelines. Maybe we get eslint rules at some point.

[@mohammedsalah932]

Good video ! do you have a video about OnChange and how can i use it between parent and child component so i dont have to reload the page to view changes ?

[@MonsterlessonsAcademy]

I don't have a specific video about OnChange

[@FarazKhan-fn9gs]

Please make it one​@@MonsterlessonsAcademy

[@banafish]

Great Video! What font and theme are you using here? Very readable

[@MonsterlessonsAcademy]

It's gruvbox and monaco font.

[@wiliam334]

How do we mock them in the tests now? Ta

[@mjpanebianco8162]

Does this method of injection protect against creating multiple instances of a service you intend to be a singleton?

[@MonsterlessonsAcademy]

It doesn't protect against anything. It is just the same like defining it in the constructor

[@DavidKooffreh]

For the final part what is the advantage of using that over ngOndestroy

[@MonsterlessonsAcademy]

You make a reusable function which should not be duplicated in every single component with ngOnDestroy

[@DavidKooffreh]

@MonsterlessonsAcademy Thanks that was very useful information

[@alexmatveev7730]

For destroy/unsubscribe we can use takeUntilDestroyed Function. Yes, maybe it's still in dev mode

[@MonsterlessonsAcademy]

Yeap. It was just an example how to move code out

[@4444-c4s]

Don't know why Angular is bringing so many things at once..Really hard to get clear idea in Mind What to use and When to use. Confusion hi Confusion hai😅😅

[@MonsterlessonsAcademy]

Yeap. Life is pain.

[@emmanuelU17]

Pretty cool but I am a big fan of construction injection.

[@MonsterlessonsAcademy]

Then you can continue to use them. I hope they won't deprecate them.

[@val-do]

you're hidden 💎 🎉

[@MonsterlessonsAcademy]

Thank you!

[@MuhamedHassan-ry5fs]

can you suggest me road map to learn advanced angular if you can

[@MonsterlessonsAcademy]

Just take a real project and do it from start to the end. Like we are doing in this course kzbin.info/www/bejne/rJTJi2N7htWMiqMsi=8kMu3zbCa0K_1hxP