Why "ProvidedIn" Services Are Tree-Shakable (2021, Advanced)

In this tutorial we going to talk about Tree-Shaking and what makes services which decorated with @Injectable({ providedIn: … }) tree-shakable. We will have a look what is tree-shaking concept and how it works and I will give you some hint how to make your code tree-shakable. After this we will get back to Angular context and figure out why Angular can remove services which we are not using in our application. Hope you will like it and enjoy watching :)

📣 Become a Pro in Angular Material Theming (Advanced Workshop) 📣:
http://bit.ly/angular-material-theming-workshop
Use 20%-off coupon code: HELLO-SUMMER-2021

📷 Also subscribe to my Instagram:
https://www.instagram.com/decodedfrontend

⚠️ If you are working with GraphQL? Then check out my video course about Hasura GraphQL Engine with the lowest possible price:
✅ 20%-off with HASURA-EASY-START code: https://bit.ly/complete-hasura-course
✅ SkillShare with 14 Days Free Trial: https://skl.sh/3fahki2

#webdevelopment #angularcourse #frontend #angularmaterial

#webdevelopment #angularcourse #frontend #angularmaterial

What is GEEK

Buddha Community

Why "ProvidedIn" Services Are Tree-Shakable (2021, Advanced)

In this tutorial we going to talk about Tree-Shaking and what makes services which decorated with @Injectable({ providedIn: … }) tree-shakable. We will have a look what is tree-shaking concept and how it works and I will give you some hint how to make your code tree-shakable. After this we will get back to Angular context and figure out why Angular can remove services which we are not using in our application. Hope you will like it and enjoy watching :)

📣 Become a Pro in Angular Material Theming (Advanced Workshop) 📣:
http://bit.ly/angular-material-theming-workshop
Use 20%-off coupon code: HELLO-SUMMER-2021

📷 Also subscribe to my Instagram:
https://www.instagram.com/decodedfrontend

⚠️ If you are working with GraphQL? Then check out my video course about Hasura GraphQL Engine with the lowest possible price:
✅ 20%-off with HASURA-EASY-START code: https://bit.ly/complete-hasura-course
✅ SkillShare with 14 Days Free Trial: https://skl.sh/3fahki2

#webdevelopment #angularcourse #frontend #angularmaterial

#webdevelopment #angularcourse #frontend #angularmaterial

Providedin with Injectable Decorator In Angular

use of providedIn with @Injectable() decorator to indicate that a component or other class (such as another service, a pipe, or an NgModule) has a dependency.

 #angular 

A Deep Dive into @Injectable and providedIn in Ivy

Dependency injection is one of the most powerful core features of Angular. It has been there since the beginning in AngularJS and with the arrival of the new Ivy renderer engine it is time again to visit the internals of Dependency Injection. How does it work? What things got improved in @Injectable creation and the resolution mechanism? Read on and take a deep dive into this interesting topic.

#angular #dependency-injection #angular-internals