⭐ Join Us on Patreon: www.patreon.com/CodingDroplets 💥Host Your Blazor App in Linux: ua-cam.com/video/bXK-F-uL7Qo/v-deo.html 🔗Blazor Tutorial Series Playlist link: ua-cam.com/play/PLzewa6pjbr3IQEUfNiK2SROQC1NuKl6PV.html
Thank you for this video. It has helped me a lot. It is important to mention that you can also extract the entire C# code by right-clicking on @code in Visual Studio and then on “Quick actions and Refactoring...” and then selecting: “Extract block to code behind”. This is much easier than how you show it in the video. Apart from that, I liked the video very much. Thanks again.
Thank you for your kind words! I'm glad to hear that you the video helpful and that the pace and explanations were effective for your learning. I strive to make my videos accessible and understandable for all levels of learners, and it's rewarding to hear that my efforts are appreciated.
I have watched a few training videos around Blazor but this is by far one of the best ones I have seen. A lot of the information I was looking for has been covered in this one hour video and the way this has been presented is very clear and makes it easy to learn and follow. Love your work.
thankss againnn You're really great teacher in youtube unlike other youtuber their tutorial can't understand by beginner. Thanks for making videos that can easy to understand
Thank you for watching the tutorial and for your positive feedback! I'm glad to hear that you found the content helpful and that you learned a lot from it. It's always rewarding to know that the tutorial has been beneficial to viewers.
Thank you very munch for these great tutos I just have the following question. At the 51 minutes mark, when you go with async you have an exeption thrown at line 3. In my case I have just the info "An unhandled error has orrcured" in the browser window and I have to open the browser's debug tools to see where the error is comming from. How did you manage to see the exeption in Visula Studio? Thank you
It will show the error message if you are debugging in visual studio. Just confirm that you have selected the "Debug" option in Solution Configurations.
Make sure you have the latest updates for Visual Studio and any relevant extensions installed. Sometimes, simply restarting Visual Studio can help refresh the IntelliSense cache
If you delete a contact, it will get removed from the list even if the displayInfo value is true. The entire razor component will get removed including the info section.
I'm assuming the @bind="DisplayEmail" is binding the checked attribute to the DisplayEmail variable. What is you want to bind to a different attribute to some other HTML tag?
Thank you for your comment! Initially, I defined the list's initial values in the OnInitialized method. However, for demonstration purposes of delayed loading, I later moved it to the OnInitializedAsync method.
Of course! Thank you for the feedback. I'll make sure to increase the font size in the next video to make it easier for everyone to follow along. Appreciate your suggestion!
Thank you for your question! While I don't have a video specifically on managing sessions and cache with Blazor Server in .NET Core at the moment, I'm planning to create one soon. It's a valuable topic, and I appreciate your interest.
awesome content! quick question, why is data binding so different in Blazor and Xamarin, here @bind is enough whereas in Xamarin you have Binding expressions which are little verbose
Thank you for your positive feedback on the tutorial! I'm glad you found the content awesome. Regarding your question about data binding differences between Blazor and Xamarin, you're right that the syntax and approach can differ between the two frameworks. Blazor uses a declarative syntax where you can use the @bind directive to create two-way data binding between a property in the component and a UI element. This simplifies the data binding process and makes it more concise. On the other hand, Xamarin follows a more explicit approach with binding expressions. In Xamarin, you typically use binding expressions to define the source and target of the data binding, including properties, converters, and events. This can sometimes result in more verbose binding expressions compared to the @bind directive in Blazor. Both approaches have their own advantages and are tailored to the specific needs and architecture of each framework. It's important to familiarize yourself with the data binding mechanisms specific to each framework you are working with.
thank you very much but I preferred to run the project without debugging so you don't have to run and stop much time since there is no need to debug values or stuff and of course, the hot reload is enabled
OnInitialized will get invoked when the razor component is initialized. So if we need to do something while loading the component, we can implement it in OnInitialized method. Override is a keyword used to replace a virtual member that is defined in a base class with the definition of that member in the derived class. base.OnIntialized() will execute the base class method. Please refer Razor Component Lifecycle documentation: docs.microsoft.com/en-us/aspnet/core/blazor/components/lifecycle
I'm glad you found the explanation of Razor Components helpful! However, I must apologize, as the source code is not available for this particular video. The content focused more on explaining the concepts and usage of Razor Components.
Blazor can accept both formats. If the parameter is a string datatype, you need to provide the @ symbol. For example: CurrentContact="contact" is used when contact is a literal string value. CurrentContact=@contact is used when contact is a variable holding a string or an object. Make sure to use the @ symbol when binding a variable or expression to the component parameter. Hope this helps!
Your videos are really helpful and I appreciate your efforts. But sometimes you are not sure what you want to do and you jump from one file to another and you write and undo some stuff and it creates confusion for viewers, so it would be better if you don't do that. I hope you take it in a positive way. It will help you grow as a channel. Thanks for the video though, really helpful.
Thank you for your feedback and the kind words about the helpfulness of the videos. I genuinely appreciate your input and take it in a constructive spirit. I understand that clarity and consistency in video content are important for viewers. Your feedback about avoiding unnecessary jumps between files and ensuring a smoother flow is valuable. It's feedback like this that helps improve the quality of content. I'll certainly take your suggestion into consideration to enhance the viewing experience in future videos. Your support and input are greatly appreciated, and I'm glad you found the video helpful. If you have any specific topics or ideas you'd like to see in upcoming videos, feel free to share them. Thanks again! 😊
Thank you for your comment! While there may be some similarities between Blazor Razor Components and CSS modules, they serve different purposes and have distinct features.
Great tutorial. Just one question. In the code you have If (Contacts == null () else if (Contacts.Count == 0) .. else {} .... I don't understand how the entire if statement is re-executed when the Contacts list get loaded. When does ContactsList.razor get retried? Thank you
That is how Blazor works. Blazor will render the UI when the value changes. Below URL gives you better idea of the Razor component lifecycle. docs.microsoft.com/en-us/aspnet/core/blazor/components/lifecycle?view=aspnetcore-6.0
⭐ Join Us on Patreon: www.patreon.com/CodingDroplets
💥Host Your Blazor App in Linux: ua-cam.com/video/bXK-F-uL7Qo/v-deo.html
🔗Blazor Tutorial Series Playlist link:
ua-cam.com/play/PLzewa6pjbr3IQEUfNiK2SROQC1NuKl6PV.html
This is a great way you have of explaining, showing all the passages makes it easier to understand! Well done.
Thank you very much! Glad to hear that.
Moving the C# code into a partial class was 🤯🤯🤯!
Great videos.
Most welcome! Glad to know you liked it.
Hope you are clear with partial classes.
Thank you for this video. It has helped me a lot. It is important to mention that you can also extract the entire C# code by right-clicking on @code in Visual Studio and then on “Quick actions and Refactoring...” and then selecting: “Extract block to code behind”. This is much easier than how you show it in the video. Apart from that, I liked the video very much. Thanks again.
Thank you for your kind words and for sharing that helpful tip! Appreciate your feedback and glad to hear that you liked the video!
Masterwork. Thank you for going slow and taking time to actually explain.
Thank you for your kind words! I'm glad to hear that you the video helpful and that the pace and explanations were effective for your learning.
I strive to make my videos accessible and understandable for all levels of learners, and it's rewarding to hear that my efforts are appreciated.
I have watched a few training videos around Blazor but this is by far one of the best ones I have seen. A lot of the information I was looking for has been covered in this one hour video and the way this has been presented is very clear and makes it easy to learn and follow. Love your work.
Thank you so much for your kind words! Glad to hear that.
thankss againnn
You're really great teacher in youtube
unlike other youtuber their tutorial can't understand by beginner. Thanks for making videos that can easy to understand
Thank you so much for your kind words and appreciation! We're glad to hear that you found the tutorial helpful and easy to understand.
I love the way u explain , u got my subscription
Thank You so much. Glad to know you liked it.
Beautiful! All stuff is great. Keep doing your work and thank you for sharing knowledge.
Thank you so much for watching and leaving such a kind comment! I really appreciate your support and encouragement.
Excellent video and topics covered are really good.
Glad to hear that. Thank You!
Reallyy man ,,,you are amazing teacher..im teaching a lot from you..thank you Big Friendd
I appreciate your kind words! Glad to hear that you find the tutorials helpful. Thank You.
Thanks, this content is really good and easy to understand.
Thank you! Glad to hear that.
Awesome tutorial!
Subscribed!
Thank you for posting!
Thanks for the sub!
Very good, I learned lots.
Thank you for watching the tutorial and for your positive feedback! I'm glad to hear that you found the content helpful and that you learned a lot from it. It's always rewarding to know that the tutorial has been beneficial to viewers.
you are the best
Wow, thank you so much for your kind words! I'm glad to hear that.
Best video ever 🎉
Thank You!
Thank you very munch for these great tutos
I just have the following question.
At the 51 minutes mark, when you go with async you have an exeption thrown at line 3.
In my case I have just the info "An unhandled error has orrcured" in the browser window and I have to open the browser's debug tools to see where the error is comming from.
How did you manage to see the exeption in Visula Studio?
Thank you
It will show the error message if you are debugging in visual studio. Just confirm that you have selected the "Debug" option in Solution Configurations.
@@CodingDroplets Thank you for your feedback.
I run the application in debug mode but it doesn't break when the exception occurs.
Thanks you very much, Teacher
You're welcome!
Good teacher
Thank you! 😃
I am using visual studio 2022, but it does not suggest C# code when writing in .razor file, please help me
Make sure you have the latest updates for Visual Studio and any relevant extensions installed. Sometimes, simply restarting Visual Studio can help refresh the IntelliSense cache
Separate C# code from cshtml code
What happens if you delete a contact while the variable 'displayInfo' of the preceding line is true?
If you delete a contact, it will get removed from the list even if the displayInfo value is true. The entire razor component will get removed including the info section.
Muchas gracias.
Most Welcome!!!
Thnks very useful!
You're welcome! Glad to hear that
thank you very much
Most welcome.
I'm assuming the @bind="DisplayEmail" is binding the checked attribute to the DisplayEmail variable. What is you want to bind to a different attribute to some other HTML tag?
what if List initial values not defined in Oninitialized method. is it necessary ?. lemme check...
Thank you for your comment! Initially, I defined the list's initial values in the OnInitialized method. However, for demonstration purposes of delayed loading, I later moved it to the OnInitializedAsync method.
Awesome content! Keep the videos coming!
*Thank You so much.* Glad to know you liked it.
Thank you for the video. Can you do me a favor by making the visual studio font size a little larger? It will make it easier for me to follow you.
Of course! Thank you for the feedback. I'll make sure to increase the font size in the next video to make it easier for everyone to follow along. Appreciate your suggestion!
Do you have any videos on using managing sessions and Cache with Blazor server in .NET Core?
Thank you for your question! While I don't have a video specifically on managing sessions and cache with Blazor Server in .NET Core at the moment, I'm planning to create one soon. It's a valuable topic, and I appreciate your interest.
@@CodingDroplets Sounds great! Will looking forward for it.
awesome content! quick question, why is data binding so different in Blazor and Xamarin, here @bind is enough whereas in Xamarin you have Binding expressions which are little verbose
Thank you for your positive feedback on the tutorial! I'm glad you found the content awesome. Regarding your question about data binding differences between Blazor and Xamarin, you're right that the syntax and approach can differ between the two frameworks.
Blazor uses a declarative syntax where you can use the @bind directive to create two-way data binding between a property in the component and a UI element. This simplifies the data binding process and makes it more concise.
On the other hand, Xamarin follows a more explicit approach with binding expressions. In Xamarin, you typically use binding expressions to define the source and target of the data binding, including properties, converters, and events. This can sometimes result in more verbose binding expressions compared to the @bind directive in Blazor.
Both approaches have their own advantages and are tailored to the specific needs and architecture of each framework. It's important to familiarize yourself with the data binding mechanisms specific to each framework you are working with.
thank you very much
but I preferred to run the project without debugging so you don't have to run and stop much time since there is no need to debug values or stuff and of course, the hot reload is enabled
Thank you for your valuable feedback. Will consider it from next video onwards.
Maybe it wasn't possible before, but now you can hot reload during debugging.
at 20:49 my code is giving exception of edit form ,,, i am using dotnet 6 vs 2022
Are you getting the error while using Arbitrary Parameters?
@@CodingDroplets yes, InvalidOperationException: Microsoft.AspNetCore.Components.Forms.InputText requires a cascading parameter of type EditContext.
Sorry its working now actually i used instead of
OK .. Thank You for reaching us. If you require any further information, feel free to contact us.
forti!
Thank you for watching the video and leaving a comment!
why override OnInitialized()? and what does base.OnIntialized() do?
OnInitialized will get invoked when the razor component is initialized. So if we need to do something while loading the component, we can implement it in OnInitialized method.
Override is a keyword used to replace a virtual member that is defined in a base class with the definition of that member in the derived class.
base.OnIntialized() will execute the base class method.
Please refer Razor Component Lifecycle documentation:
docs.microsoft.com/en-us/aspnet/core/blazor/components/lifecycle
@@CodingDroplets thank you i appreciate the reply!
Most welcome!
Very thanks, but I can not find the source code
I'm glad you found the explanation of Razor Components helpful! However, I must apologize, as the source code is not available for this particular video. The content focused more on explaining the concepts and usage of Razor Components.
Why is it CurrentContact="contact" and not CurrentContact=@contact?
Blazor can accept both formats. If the parameter is a string datatype, you need to provide the @ symbol. For example:
CurrentContact="contact" is used when contact is a literal string value.
CurrentContact=@contact is used when contact is a variable holding a string or an object.
Make sure to use the @ symbol when binding a variable or expression to the component parameter.
Hope this helps!
Your videos are really helpful and I appreciate your efforts.
But sometimes you are not sure what you want to do and you jump from one file to another and you write and undo some stuff and it creates confusion for viewers, so it would be better if you don't do that.
I hope you take it in a positive way.
It will help you grow as a channel.
Thanks for the video though, really helpful.
Thank you for your feedback and the kind words about the helpfulness of the videos. I genuinely appreciate your input and take it in a constructive spirit.
I understand that clarity and consistency in video content are important for viewers. Your feedback about avoiding unnecessary jumps between files and ensuring a smoother flow is valuable. It's feedback like this that helps improve the quality of content.
I'll certainly take your suggestion into consideration to enhance the viewing experience in future videos. Your support and input are greatly appreciated, and I'm glad you found the video helpful. If you have any specific topics or ideas you'd like to see in upcoming videos, feel free to share them. Thanks again! 😊
It is the same as css modules
Thank you for your comment! While there may be some similarities between Blazor Razor Components and CSS modules, they serve different purposes and have distinct features.
Peter Bob
🙂
Great tutorial.
Just one question. In the code you have If (Contacts == null () else if (Contacts.Count == 0) .. else {} ....
I don't understand how the entire if statement is re-executed when the Contacts list get loaded. When does ContactsList.razor get retried?
Thank you
That is how Blazor works. Blazor will render the UI when the value changes. Below URL gives you better idea of the Razor component lifecycle.
docs.microsoft.com/en-us/aspnet/core/blazor/components/lifecycle?view=aspnetcore-6.0
Awesome content! Keep the videos coming!
Thank you! Glad to know you liked it.