Creating Blazor Reusable Components (Server & WebAssembly)

A powerful feature in Blazor is to create reusable components. With a reusable component you can use functionality of said component elsewhere in your application without duplicating code. But why stop there? In this video we will also learn how to pack up a component in a NuGet package and use it in a completely different project! Crazy!

💝 Join this channel to get access to perks:
https://www.youtube.com/GeraldVerslui...

🛑 Don't forget to subscribe to my channel for more amazing content: https://www.youtube.com/GeraldVerslui...

🐦 Follow me on Twitter: Twitter: jfversluis

🔗 Links
Sample Code Repo: https://github.com/jfversluis/BestFor...

Blazor: https://blazor.net
Blazor Docs: https://blazor.net/docs

⏱ Timestamps
00:00 - Intro
00:19 - Preview End Result
00:50 - Outline Blazor Server Sample App
02:31 - Explore Reusable Component Code
04:17 - Creating a Reusable Component
05:17 - Inside the Reusable Component
05:19 - Quick Explanation of _Imports.razor
05:31 - Component Code
06:17 - Razor Component Parameter Explained
07:07 - Pack Component into a NuGet Package
08:58 - Consume Reusable Component
16:17 - Outro

🎥 Video edited with Camtasia (ref): https://techsmith.z6rjha.net/AJoeD

🙋‍♂️ Also find my...
Twitter: Twitter: jfversluis
Blog: https://blog.verslu.is
Twitch: Twitch: jfversluis
All the rest: https://jfversluis.dev

#Blazor #Components #Reusable #WASM #WebAssembly #ASPNET #csharp #dotnet

• #science_technology
• #net_core
• #blazor_webassembly
• #blazor_tutorial
• #aspnet_core
• #web_development
• #learn_blazor
• #blazor_components
• #blazor_introduction
• #blazor_c
• #blazor_server
• #blazor_tutorial_c
• #blazor_tutorial_for_beginners
• #blazor_webassembly_tutorial
• #blazor_webassembly_components
• #learn_blazor_webassembly
• #blazor_razor_components
• #blazor_ui_components
• #blazor_template_components
• #blazor_reusable_components
• #learn_blazor_c
• #razor_components_in_razor_pages
• #blazor_components_tutorial