How To Create a Blazor Component

In this video, we're going to learn how to create a Blazor component for a Blazor application. We create a template and write C# code to connect the component with the application.

If you are new to Blazor make sure you have watched the Blazor introduction video first. In this video, I'm going to focus on creating a Blazor component.

Creating a Blazor component is one of the first things we want to do when we create a Blazor application. As we learned in the Blazor introduction, Blazor applications consist of many Blazor components. A Blazor component represents a part of the user interface and can be reused in your application or even in multiple applications.

In this video, I use a Blazor Server application created using the standard application template of Visual Studio 2019. The code works with .NET Core 3.1.

If you have any questions, write it in the comments below and feel free to provide feedback, and if you have any video ideas, put it in the comments as well.

00:00 Introduction
00:36 How to create a Blazor component
01:19 Create your first Blazor component
02:05 Implement your first Blazor component
05:00 Use your component in your Blazor application
05:45 Demo of your Blazor component
06:20 Conclusion

🔥 C#/.NET Bootcamp: The Fundamentals & more (Code FRIENDS10 for 10% OFF)*
https://claudiobernasconi.ch/dotnet-c...

📌 .NET Developer Roadmap
https://claudiobernasconi.ch/learn-do...

📌 YouTube Playlists:
The FREE Blazor Crash Course:    • The FREE Blazor Crash Course (.NET 5)...  
C# Programming:    • How to Create Modern C# Console Appli...  

📌 Blazor Introduction:
   • Blazor Introduction - What is Blazor?  

📌 Blazor Github:
https://github.com/dotnet/aspnetcore/...

📌 Blazor WebAssembly template:
https://docs.microsoft.com/en-us/aspn...

📌 Bootstrap:
http://getbootstrap.com/

✅ SUBSCRIBE FOR MORE VIDEOS
Subscribe: 🔔 https://claudiobernasconi.ch/Subscribe

🚀 CONNECT & SUPPORT
Twitter:   / chbernasconic  
Blog: https://claudiobernasconi.ch
Newsletter: https://claudiobernasconi.ch/newsletter

CREDITS
🎵 https://www.bensound.com/

Affiliate Link: I earn a small commission at no additional cost