Developing Reusable Components for Blazor WASM
summary
Shows how to build a reusable Blazor WebAssembly component (an employee card), wire it to a simple service that returns fake records using Bogus for fake data, pack the component into a class library, and publish it as a NuGet/GitHub Package by enabling GeneratePackageOnBuild and using a GitHub PAT plus dotnet nuget push. Advises keeping components model-agnostic, placing per-component CSS inside the library, notes debugging quirks, and claims about 25 components in active use at work.
AI-written summary · about
chapters (8)
- 0:00Blazor WASM components intro
- 2:34What are Blazor components
- 7:13Basic Blazor components
- 13:16Reusable employee card
- 26:55Share components with libraries
- 31:36Style and package components
- 39:57Publish to NuGet or GitHub
- 41:02Q&A on components
related talks
46mBuilding Fast & Reusable Code
49mArchitecting Blazor applications – An Angular inspired approach
01h 01mBlazor, a new framework for browser-based .NET apps
53mArchitecting Blazor Applications: An Angular inspired approach
01h 02mBlazor in more depth
51mHands-on Development Experience Using wasm Blazor
01h 04mBuild Your First Full-Stack Blazor App
56mModern Web UI with Blazor WebAssembly