Better understand the Blazor Component by building fishcard | .NET fullstack dev - 003

Опубликовано: 20 Март 2026
на канале: Code with Saar
223
8

🍿 3nd video on Blazor Web Assembly (WASM). We are going to learn the basics of Blazor Component.

See the live site at: https://fishcard.codewithsaar.net.

🍔 Takeaways

Components renders UI.
Pages, Layouts are all components.

For more videos like this:

💡Subscribe to my channel - https://www.youtube.com/CodewithSaar?....

🧩 Resources

Blazor official tutorial: https://dotnet.microsoft.com/en-us/ap...
Blazor Components Official Document: https://docs.microsoft.com/en-us/aspn...

📺 Demo code:
Fishcard source code: https://github.com/xiaomi7732/CodeWit...

💬 Discord server for Code w/ Saar:   / discord  

➡️ Reach me on Twitter @CodeWithSaar.
🏠 My home page: https://www.codewithsaar.net

☕ If you want to buy me a coffee: https://www.buymeacoffee.com/codewith... and thank you!

🔖 Chapters

00:00 What is blazor component, indeed.
00:58 How to use the RenderHandle.
02:09 Use custom component in a Razor page.
02:44 Go over various components.
03:12 Understand a razor page builds to a Component
06:21 Use partial class for code-behind style razor
07:59 Page component
08:29 Layout component
09:23 Understand Layout implementation
10:55 Create a custom Layout
12:06 App Component