blazorlisted

# Blazor Framework - Quick Reference (SKILL.md) **Version**: 1.0.0 **Target**: .NET 8.0+ with Blazor Server/WebAssembly **UI Library**: Microsoft Fluent UI Blazor Components **Purpose**: Fast lookup for common Blazor patterns and best practices --- ## 1. Blazor Hosting Models ### Blazor Server **Characteristics**: - Server-side rendering with SignalR connection - Stateful connection to server required - Small initial download (~2MB), fast startup - UI events sent to server via SignalR **Setup**: ```csharp // Program.cs builder.Services.AddServerSideBlazor(); app.MapBlazorHub(); app.MapFallbackToPage("/_Host"); ``` **Use Cases**: Internal apps, intranet, enterprise applications --- ### Blazor WebAssembly **Characteristics**: - Client-side execution in browser via WebAssembly - Full .NET runtime in browser - Larger initial download (~10MB), but offline capable - No server connection after initial load **Setup**: ```csharp // Program.cs (Client) builder.Services.AddBlazorWebAssembly(); await builder.Build().RunAsync(); ``` **Use Cases**: Public-facing apps, PWAs, offline-first applications --- ### Render Modes (.NET 8+) ```razor @* Server-side with SignalR *@ @rendermode InteractiveServer @* Client-side WebAssembly *@ @rendermode InteractiveWebAssembly @* Auto: Server initially, then WebAssembly after download *@ @rendermode InteractiveAuto @* Static: Server-side rendering without interactivity *@ @rendermode @(new Microsoft.AspNetCore.Components.Web.RenderMode