Angular Performance Optimization using Pure Pipes (2020, Advanced)

From this video you will know how Angular pipes can improve performance of your Angular App. In the end of this video you will find out why it is a bad practice to use method calls in your component templates, what is a pure pipe and why you should consider them instead of method calls.
Enjoy watching :)

📣 Become a Pro in Angular Material Theming (Advanced Workshop) 📣
✅ Use 10%-off coupon code: YOUTUBE_DISCOUNT (Only 2 coupons left)

00:00:00 - Intro;
00:00:30 - Describe a Project;
00:02:25 - Introduce a performance bottleneck;
00:04:25 - Solution of a Problem;
00:12:25 - Outro;

⚠️ If you are working with GraphQL? Then check out my video course about Hasura GraphQL Engine with the lowest possible price:

#webdevelopment #angulartip #frontend

[DecodedFrontend]

Thank you all for watching my videos and your comments! If you find my tutorials useful and would like to see more videos from me - please help to share this and other videos with your colleagues!🙏🏻

[coldcircuit]

I would love to hear more about advanced performance optimizations.

[hkheyreddine]

Stumbling upon your channel was the best thing to happen to me this week. Please, keep up the good work/content, it is quite rare to find advanced Angular explained as well as you do it. Thank you.

[adityanarayangantayat]

I regret not having found your channel a year ago when I was new to Angular!
But better late than never! Your content is a blessing to those looking to upskill their Angular knowledge! Thank you ❤️

[DuzyKucyk]

omg, This has been as much entertaining to watch to me as watching... let's say MotoGP. I'm glad I've found your channel and that there is so much more content.
Instant sub and a message to my colleagues.

[AmanPurohit]

Great demo. Really appreciate the clarity of thought while explaining

[Marko-xtre]

Amazing! This kind of videos we all need! Real life use cases and practical advices that we can implement in our work! After watching every of your videos I really have feeling that I am becoming better developer! Just keep going like this! Thank you so much!

[aminerhouma]

I never think before to solve this kind of issue using pipes. Thanks for sharing your ideas.

[MikeLike]

Thanks for your video, always something useful for me and something new

[jacksonoppenheim]

Found this channel about a week ago, love the content here! I’ve already applied so much of what I’ve learned from your channel to my work!

I have a question about your material theming course: I’m in the process of writing a front end library, that is based on angular material. Does your course talk about how the theming works with a custom angular library, or just how to theme angular material within an application?

[expertreviews]

I did enjoy your bucket loads of informative video!!! Much appreciated

[fatiharkan]

Awesome subject, awesome explanation. Thanks a lot.

[salarystealer]

thanks for the video, i heard the voice a lot in the podcast and found it's the same guy, hope for more in depth video like this, thanks

[maximermoshin]

Thank you for sharing your knowledge. I think that it's important to know such small but crucial details about the framework we use.

[marudhuraj]

The way you explained is very Professional, i like it.

[shravanvishwakarma]

great video you just opened my mind of pipes power

[JBuchmann]

Oh wow, I thought of this solution the other day but wasn't sure if it was a good practice
But your video confirmed to me that it's a good idea. 👍

The result seems to be what you get out of the box with VueJS "computed properties", which is far simpler to do. I hope in the future Angular can make it just as simple.

I read some blog the other day about a completely different approach... I forget the details but it has to do with the component having a BehaviorSubject which is converted to an observable that pipes on various operators. The result is bound to the template with the async pipe. I haven't tried this yet but it sounds like more work than making a custom pipe!

[rahulshaw]

This is very good tutorial. This scenario i was thinking how to solve. Most often i use npm library ngGenericPipe. But this looks more better way and here we have more control. Thanks for this short tutorials.

[KumaravelSekar]

Great demo.. Please keep doing it. its helps me a lot :)

[carlosabud]

Great video. Thanks for taking the time and explain these topics.