How to Use Blazor Components in ASP.NET Core MVC?

In this video, I show how to use Blazor components in an existing ASP.NET Core MVC application.

00:00 Introduction
00:27 The ASP.NET Core MVC Application
00:52 Adding a Blazor Component
01:43 Integrating a Blazor Component in an MVC Application
02:38 Configuring an MVC Application for Blazor Server Interactivity
04:13 The Motivation
04:58 Sharing Components using a Razor Class Library
06:04 Using Blazor WebAssembly instead of Blazor Server
09:54 Blazor Server vs. Blazor WebAssembly
10:52 Conclusion

🔥 C#/.NET Bootcamp: The Fundamentals & more (Code FRIENDS10 for 10% OFF)*

📓 MVC Blazor WebAssembly Code (GitHub):

📓 MVC Blazor Server Code (GitHub):

📌 .NET Developer Roadmap

📌 YouTube Playlists:

✅ SUBSCRIBE FOR MORE VIDEOS

🚀 CONNECT & SUPPORT

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

[timmy]

This video provides the exact answers I needed! Thank you!

[thibaultdolley]

Thank you for providing the github repository

[THEArenaVD]

Hey im trying to pass in a complex Object List in my razor component and when running my application I get Blazor server error usung chrome. Would you habe any idea as to why this is occurring?

[nezqwe]

Hi, I tried doing this with but when it hit the page. the generated value got ran twice by itself.
For example, I hit the page the shown var was 22 then a few miliseconds it changed to 67. How do I prevent it from running again?

I'm on .net 8.0.1

[maxalbrecht]

Hi, I am up to 3:30, but when I click the "Generate" button, the number does not change

[ndasss]

Does this work on .net 7 as well ? Sry im new..

[leonardohidrovo]

Using Sessions in a MVC core application, how to use the user session values in a Blazor component inside MVC view?

[Totti]

Thanks, but it wouldn't be easier to use Blazor Custom Elements