# Blazor

> Blazor .NET WebAssembly and Server framework. Use for C# frontend. Use when this capability is needed.

- Skill: `tomevault-io/blazor-3` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/blazor-3`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/blazor-3/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/blazor-3

---


# Blazor

Blazor allows writing web UIs in **C#** instead of JavaScript. .NET 9 (2024/2025) brings unified rendering modes (Server, WebAssembly, Auto).

## When to Use

- **.NET Shops**: Sharing code (Models/DTOs) between Backend and Frontend.
- **Internal Apps**: Rapid development for enterprise tools.
- **WebAssembly**: Running compiled C# in the browser.

## Core Concepts

### Blazor Server

UI logic runs on server, updates sent via SignalR. Low latency, requires connection.

### Blazor WebAssembly

Runs client-side (DLLs downloaded). Offline support.

### Interactive Components

Razor syntax (`@code { ... }`) combining HTML and C#.

## Best Practices (2025)

**Do**:

- **Use `Auto` mode**: Load fast (Server), then switch to WASM (Client) in background.
- **Use `QuickGrid`**: High performance data grid component.
- **Use Component Libraries**: MudBlazor/Radzen for material UI.

**Don't**:

- **Don't block the UI thread**: Use `await` for long implementations.

## References

- [Blazor Documentation](https://dotnet.microsoft.com/apps/aspnet/web-apps/blazor)

---
> Converted and distributed by [TomeVault](https://tomevault.io/claim/g1joshi) — claim your Tome and manage your conversions.
<!-- tomevault:4.0:skill_md:2026-04-14 -->