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!🙏🏻
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.
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 ❤️
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!
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.
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?
Hi Jackson! I'm glad you found some useful tips on my Channel ;) Regarding your question: Unfortunately this Workshop touches only application theming... However, there are a lot of common in theming of apps and libs and ultimately you will be using the same functions/mixins/variables provided by Angular Material library. P.s anyway do not forget that you can refund your money without any problem within 14 days after purchase if the course doesn't meat your expectations :)
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!
This is wonderful learning actually I used to think that pure Pipe and impure Pipe and benefit of pure pipe is like that it doesn't change the value whatever value you input you will always get the same output and but today I came to know the benefit of pipe is that if it is a pure pipe that means angular change detection will not execute the pipe if input value is not change and if it is a impure pipe then it will be executed every time the angular change detection mechanism run on over the component so we should always prefer pure 5 and it will boost the performance of our application
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.
Excellent, one of the best channel for angular, can you make videos on optimization topics related to dynamic content and running code outside ngzone angular to avoid Change detection
Not always. It might be useful if the function which you call in the template does some expensive calculations. If it just returns some easy check like somevar !== "something else" then you won't notice any real performance boost
Angular uses observables a lot and sometimes data you get is an observable. As I mentioned in the video you could do a http request and in angular the result of http call will be observable.
Should we use pipes to filter arrays? I use them that way but I've read somewehere that you should use rxjs filtering instead and that Angular pipes are not for this. What do you think?
Hi Gleison!😊 Yes, it is an extension for VS Code, you can check it out here: marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log
Can i use a pure pipe that will run whenever there is a change in one of two variables? for example i have an object and a list: let element = {label: 'someLabel'} let list = BehaviorSubject = new BehaviorSubject([]) I want to create a pipe lets call it somePipe and use it like this: {{(element.label && list|async) | somePipe}} I would like the pipe to run if there is a change in element *or* when list fires, how can i do that? (Prefereblly only in template)
Thanks a lot for making this very informative video. I may also request if you can make one for Angular web-push Notification with Java server push. and how I can disable any button on the page once the notification is received by the client ( UI) ? I have a requirement that server API is called and that API process takes 10 mins .Hence upon completion the server pushes notification to UI and UI disables one button on a component page once notification received
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!🙏🏻
I would love to hear more about advanced performance optimizations.
Thank you 🙏🏻 there will be in the future 😉
up
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.
Thank you very much for such a great feedback! I appreciate it and glad the you like it 🙂
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 ❤️
Great demo. Really appreciate the clarity of thought while explaining
Thank you very much! Glad you liked it 😉
Thanks for your video, always something useful for me and something new
You are welcome!😉
i am always waiting for your videos.
Glad you like it :)
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!
Really happy to hear that!!! Thanks for your feedback!
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.
I never think before to solve this kind of issue using pipes. Thanks for sharing your ideas.
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?
Hi Jackson! I'm glad you found some useful tips on my Channel ;)
Regarding your question: Unfortunately this Workshop touches only application theming... However, there are a lot of common in theming of apps and libs and ultimately you will be using the same functions/mixins/variables provided by Angular Material library.
P.s anyway do not forget that you can refund your money without any problem within 14 days after purchase if the course doesn't meat your expectations :)
It's useful information. Thanks
Thank you 🙏🏻
Awesome subject, awesome explanation. Thanks a lot.
Thanks for feedback ☺️
Love your flow of explanation. Thank
I did enjoy your bucket loads of informative video!!! Much appreciated
Thank you for sharing your knowledge. I think that it's important to know such small but crucial details about the framework we use.
Glad it was helpful and thanks for your feedback!
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!
The way you explained is very Professional, i like it.
great video you just opened my mind of pipes power
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
This is wonderful learning actually I used to think that pure Pipe and impure Pipe and benefit of pure pipe is like that it doesn't change the value whatever value you input you will always get the same output and but today I came to know the benefit of pipe is that if it is a pure pipe that means angular change detection will not execute the pipe if input value is not change and if it is a impure pipe then it will be executed every time the angular change detection mechanism run on over the component so we should always prefer pure 5 and it will boost the performance of our application
Great video. Thanks for taking the time and explain these topics.
Glad you enjoyed it!
Thanks for sharing knowledge
Thank you for a video, clear and useful as usual!
Thank you! Glad to hear that 🙏🏻
That was simply awesome ❤
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.
Good to know. Thank you
You are welcome 😊
Excellent, one of the best channel for angular, can you make videos on optimization topics related to dynamic content and running code outside ngzone angular to avoid Change detection
Thank you for a feedback! Yes, those topics are on the road map.
Great demo.. Please keep doing it. its helps me a lot :)
Gratitude for wisdom ❤❤❤
Great explanation, man. Thanks a lot!
Awesome explanations, Thank you
Excellent explanation. Thank you so much!
Awesome explanation, but I have to ask should I consider always call my services throughout pipes?
Not always. It might be useful if the function which you call in the template does some expensive calculations. If it just returns some easy check like somevar !== "something else" then you won't notice any real performance boost
Why would you want to make it observable? What will be the advantage?
Angular uses observables a lot and sometimes data you get is an observable. As I mentioned in the video you could do a http request and in angular the result of http call will be observable.
Very very helpful thx man
You are welcome!
very good tip, thanks
Great work
Such a nice explanation :D
Great video thank you very much ❤
Thank you for the comment!
Should we use pipes to filter arrays? I use them that way but I've read somewehere that you should use rxjs filtering instead and that Angular pipes are not for this. What do you think?
Very useful information, thank you very much!
Very good explanation...👌👌👌👌👌
Waiting for your video on what's new in Angular 12.
awesome man, what did you do to console.log the userId using a shortcut? is it an extension?
It's vscode extension
marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log
Hi Gleison!😊 Yes, it is an extension for VS Code, you can check it out here: marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log
OnPush
Hello, sir
I'd like to ask what key bindings have you used to generate that console log of user.id in the beginning of the video.
I am 1 year late but the extension used was Turbo Console Log for this.
Can you tell me the extension name, that you use?
Thanks!
i am still not able to understand why it runs 8 times .. what is the logic behind it .. can you explain how cd works ??
in this context ??
what do we do, if we want to display both title and userId?
Can i use a pure pipe that will run whenever there is a change in one of two variables?
for example i have an object and a list:
let element = {label: 'someLabel'}
let list = BehaviorSubject = new BehaviorSubject([])
I want to create a pipe lets call it somePipe and use it like this:
{{(element.label && list|async) | somePipe}}
I would like the pipe to run if there is a change in element *or* when list fires, how can i do that? (Prefereblly only in template)
What if theories in service change? How to handle that?
hello @Decoded Frontend , I have a problem with "graphql-tag" the angular build does not minify the code, have you experienced this?
thanks nice video
very useful to avoid insane code in real time project
Yes, definitely
Thanks a lot for making this very informative video. I may also request if you can make one for Angular web-push Notification with Java server push. and how I can disable any button on the page once the notification is received by the client ( UI) ? I have a requirement that server API is called and that API process takes 10 mins .Hence upon completion the server pushes notification to UI and UI disables one button on a component page once notification received
Sorry I am not a Java dev :)
Hi, great videos about angular, thanks a lot)
About optimization, I think it would be great to make a video with routeReuseStrategy ;)
Pipe with Date ISO please how make it?
nice tutorial man
Thanks 😊
@@DecodedFrontend I promise you man, your tutorials are advance but they are the best. I will keep on following your updates, they saved my career. :)
@@innocentmazando3808 awesome to hear such a great feedback! Thank you and best of luck :) From my side I promise to deliver even more cool content!😉
I applied this logic today to my project, it works but i am getting 2nd index value from the pipe. .thanks anyways.
Awesome!
Great bro
very nice 👍
Thanks! You’re welcome:)
how often do you post videos on this channel?
Hi! Every second week on Tuesday:)
wow this was so helpful 👍!!! subbed 🔔
NIce bro.
Hey I have emailed you regarding your course registration. Would you pleae have a look ?
share github
No... Please, no... args: unknown[], and 'any'... Please, don't do it on your video.
Very helpful videos.
Glad it was so😊