This video is awesome. The way from just solving the problem to senior clean code is awesome. Plus it has straight to the point explanation. more than awesome job
The best thing about this video is that instead of just showing us the best way to do it, you showed us the bad code first and move slowly from that to the best and cleanest way.
Another very very instructive video from Profanis! It can be applied in real world, if someone wants to do a code cleaning and refactoring, but even better to start with a clean component with only duty to represent the data via its template.
Nice video, awesome, only one thing is missing in the whole video. If you could explain how to filter observable data by entering some value in input files and use the async pipe. This means filtering an observable data without a subscription. Hope I could helped in understanding. 1. input field -> accepts user input. 2. Observable data gets filtered and displayed on a browser with async pipe in html without any subscription in ts file.
I don't know, I personally love to have all data in one component, maybe something is wrong with me but clicking several files in order to change something is not really for me, I prefer to have everything together and scrolling up and down in order to change things.
In programming there are that many ways of doing a thing and each one of us picks what works best for us. The way of coding depends also on the scale of the project and team size. If for example you work on a small project with one developer, it's "okish" to have everything in one file. On the other hand, if you are on a big project with many team members, then having everything in one file will become very soon a DRY violation.
The countriesService.get() method returns a hard-coded array of countries github.com/profanis/codeShotsWithProfanis/blob/13/rxjsMapAndAsyncPipe/src/app/countries.service.ts Since the response is an array, I use the JavaScript map function (line 14) to return a new array. I hope this answers your question
@@CodeShotsWithProfanis NO there must be a shortcut or something you selected because u selected a line of code then u went to the next line and then it showed the country response model properties. I could only see the country model properties. If you will go to that time in the video then you will see what i was referring to. I just want to know how to use the shortcut to switch between model properties. You used the country model then for CODE you switched to the country response model. I could only see properties for country model. How did you do that???????????? You need to tell me how to do this or otherwise i cannot see the code properties and am unable to run your example tutorial. Thanks !!!
@@trustingod0 I assume you mean the intelisence. The countriesService.get() method returns the type CountryResponseModel[] and this is the reason you can see all the properties. ruclips.net/video/sJjijzJw3ZQ/видео.html
@@CodeShotsWithProfanis Yes you are right. I am sorry my code was not correct and that was the reason why I was not seeing all of the properties of the CountryResponseModel. Thank You !!!! If I can ask a quick question I was wondering can you refer me to some articles or videos that can assist me with error handling as it relates to Observables. Thanks Again !!!!
This video is awesome.
The way from just solving the problem to senior clean code is awesome.
Plus it has straight to the point explanation.
more than awesome job
Glad you liked it and thanks for your feedback :)
The best thing about this video is that instead of just showing us the best way to do it, you showed us the bad code first and move slowly from that to the best and cleanest way.
Brilliant! Instead of showing us the "right" way, you showed us how we can improve our code. Just brilliant!
Glad you liked it :)
Another very very instructive video from Profanis! It can be applied in real world, if someone wants to do a code cleaning and refactoring, but even better to start with a clean component with only duty to represent the data via its template.
Thanks for this awesome lesson
Glad you liked it! :)
I like this way of having readable code. Thanks.
Looking forward for more stuff. :D
Thank you Jay 🙏
Awesome tutorial. Really saved my time
Great to hear!
Excellent tutorial, saved a lot of time. Thanks a lot!
Glad you liked it!
thnx a lot , good job, from tunisia
Thanks a lot for your feedback. Greetings from sunny Greece :)
@@CodeShotsWithProfanis 🇹🇳 🇬🇷
Awesome!!! Great learning from you…
Thanks for your feedback Mangai!! :)
Nice explanation 🎉
Glad you liked it
Excellent tutorial! Keep at the good work!
Thanks Sergio 🤗🙏
thanks for this video. next step to this content can be "Adapter pattern". And also angular patters it's a good idea for separate video list.
Thanks for your suggestions!
Excelent video, thanks
Glad you liked it! :)
Nice video, awesome, only one thing is missing in the whole video. If you could explain how to filter observable data by entering some value in input files and use the async pipe. This means filtering an observable data without a subscription.
Hope I could helped in understanding.
1. input field -> accepts user input.
2. Observable data gets filtered and displayed on a browser with async pipe in html without any subscription in ts file.
Very helpful!
Glad it was helpful!
Step to step to refactor the code to align with the single responsibility design pattern!
Awasome.. could u pls explain if there is more dependent api and errors handling in the same pattern
Yeah. That's a good idea 🤓
I don't know, I personally love to have all data in one component, maybe something is wrong with me but clicking several files in order to change something is not really for me, I prefer to have everything together and scrolling up and down in order to change things.
In programming there are that many ways of doing a thing and each one of us picks what works best for us.
The way of coding depends also on the scale of the project and team size. If for example you work on a small project with one developer, it's "okish" to have everything in one file.
On the other hand, if you are on a big project with many team members, then having everything in one file will become very soon a DRY violation.
Why could you not use partial there?
Great video. But at 4:34 I was confused about how you got the country response model code. Thank You !!!
The countriesService.get() method returns a hard-coded array of countries github.com/profanis/codeShotsWithProfanis/blob/13/rxjsMapAndAsyncPipe/src/app/countries.service.ts
Since the response is an array, I use the JavaScript map function (line 14) to return a new array.
I hope this answers your question
@@CodeShotsWithProfanis NO there must be a shortcut or something you selected because u selected a line of code then u went to the next line and then it showed the country response model properties. I could only see the country model properties. If you will go to that time in the video then you will see what i was referring to. I just want to know how to use the shortcut to switch between model properties. You used the country model then for CODE you switched to the country response model. I could only see properties for country model. How did you do that???????????? You need to tell me how to do this or otherwise i cannot see the code properties and am unable to run your example tutorial. Thanks !!!
@@trustingod0 I assume you mean the intelisence. The countriesService.get() method returns the type CountryResponseModel[] and this is the reason you can see all the properties.
ruclips.net/video/sJjijzJw3ZQ/видео.html
@@CodeShotsWithProfanis Yes you are right. I am sorry my code was not correct and that was the reason why I was not seeing all of the properties of the CountryResponseModel. Thank You !!!! If I can ask a quick question I was wondering can you refer me to some articles or videos that can assist me with error handling as it relates to Observables. Thanks Again !!!!
@Ronald I do not have something in mind, but you gave me a great idea 💡 🤗
I will create a video "error handling in rxjs". Thanks for your feedback
Thanks a lot you save my day
Glad you found it useful ☺️
Thank you.
You are welcome 🙂
awesome 😍
Tnx!
You say it returns an array and you need to convert it, convert it to what mate
Can you point me to the moment I mention this?