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 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 ❤️
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.
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.
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!
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.
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!
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 :)
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
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
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)
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
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
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.
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
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 ❤️
I did enjoy your bucket loads of informative video!!! Much appreciated
Great demo. Really appreciate the clarity of thought while explaining
Thank you very much! Glad you liked it 😉
Love your flow of explanation. Thank
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 never think before to solve this kind of issue using pipes. Thanks for sharing your ideas.
Thanks for your video, always something useful for me and something new
You are welcome!😉
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.
great video you just opened my mind of pipes power
Great demo.. Please keep doing it. its helps me a lot :)
Thanks for sharing knowledge
That was simply awesome ❤
Awesome subject, awesome explanation. Thanks a lot.
Thanks for feedback ☺️
Great video. Thanks for taking the time and explain these topics.
Glad you enjoyed it!
Awesome explanations, Thank you
Great explanation, man. Thanks a lot!
Thank you for a video, clear and useful as usual!
Thank you! Glad to hear that 🙏🏻
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!
Excellent explanation. Thank you so much!
The way you explained is very Professional, i like it.
i am always waiting for your videos.
Glad you like it :)
Very useful information, thank you very much!
Such a nice explanation :D
It's useful information. Thanks
Thank you 🙏🏻
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!
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
Great work
very good tip, thanks
Good to know. Thank you
You are welcome 😊
Gratitude for wisdom ❤❤❤
Very very helpful thx man
You are welcome!
Great video thank you very much ❤
Thank you for the comment!
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.
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!
Very good explanation...👌👌👌👌👌
Thanks!
Great bro
Very helpful videos.
Glad it was so😊
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 :)
Awesome!
thanks nice video
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.
Waiting for your video on what's new in Angular 12.
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
wow this was so helpful 👍!!! subbed 🔔
Hi, great videos about angular, thanks a lot)
About optimization, I think it would be great to make a video with routeReuseStrategy ;)
very nice 👍
Thanks! You’re welcome:)
NIce bro.
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!😉
hello @Decoded Frontend , I have a problem with "graphql-tag" the angular build does not minify the code, have you experienced this?
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 to avoid insane code in real time project
Yes, definitely
what do we do, if we want to display both title and userId?
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
Can you tell me the extension name, that you use?
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 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?
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
Pipe with Date ISO please how make it?
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 ??
I applied this logic today to my project, it works but i am getting 2nd index value from the pipe. .thanks anyways.
OnPush
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 :)
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.
how often do you post videos on this channel?
Hi! Every second week on Tuesday:)
share github
No... Please, no... args: unknown[], and 'any'... Please, don't do it on your video.