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-course 📌 .NET Developer Roadmap https://claudiobernasconi.ch/learn-dotnet 📌 YouTube Playlists: The FREE Blazor Crash Course: https://www.youtube.com/watch?v=89Klc6WHElw&list=PLwISgxnkpZGL_LhTQCWwp-WCzupv7lcp0 C# Programming: https://www.youtube.com/watch?v=dKBuvdGsYYc&list=PLwISgxnkpZGIrkQGwOj6kKXLT8CAp9Gct 📌 Blazor Introduction: https://www.youtube.com/watch?v=BvqlC6tP3Qc 📌 Blazor Github: https://github.com/dotnet/aspnetcore/tree/master/src/Components 📌 Blazor WebAssembly template: https://docs.microsoft.com/en-us/aspnet/core/blazor/get-started?view=aspnetcore-3.1&tabs=visual-studio 📌 Bootstrap: http://getbootstrap.com/ ✅ SUBSCRIBE FOR MORE VIDEOS Subscribe: 🔔 https://claudiobernasconi.ch/Subscribe 🚀 CONNECT & SUPPORT Twitter: https://twitter.com/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