Blazor Study Notes

Authentication and AuthorizeView

Learn how Blazor's AuthenticationStateProvider, AuthorizeView, and the [Authorize] attribute work together to build authentication-aware UI.

Blazor Best Practices

Practical guidelines for structuring components, managing state, and keeping Blazor apps fast and maintainable in production.

Blazor Hybrid with .NET MAUI

How Blazor Hybrid hosts Razor components natively inside .NET MAUI apps via BlazorWebView, enabling shared UI code across web, desktop, and mobile with native…

Blazor Interview Questions

Commonly asked Blazor interview questions covering render modes, component lifecycle, state management, JS interop, and performance, with clear answers.

Blazor Quick Reference

A condensed cheat sheet covering component syntax, directives, lifecycle methods, and data binding for fast lookup while building Blazor apps.

Blazor Server vs Blazor WebAssembly

A comparison of Blazor's two hosting models — where code runs, how the UI updates, and how to choose between them.

Cascading Parameters

Understand how CascadingValue and [CascadingParameter] let ancestor components implicitly supply data to deeply nested descendants without prop drilling.

Component Libraries: MudBlazor and Radzen

A practical comparison of MudBlazor and Radzen Blazor Components — pure-Razor UI libraries offering theming, forms, and data grids that work consistently acros…

Component Lifecycle Methods

Walk through Blazor's component lifecycle — from OnInitialized through OnParametersSet, OnAfterRender, and IDisposable — to know exactly when to run setup and…

Component Parameters

Learn how Blazor components accept and expose data from their parents using the [Parameter] attribute, including required parameters, complex types, and one-wa…

Data Annotations Validation

Use System.ComponentModel.DataAnnotations attributes with DataAnnotationsValidator and ValidationSummary or ValidationMessage to validate Blazor forms.

Data Binding with @bind

Master Blazor's @bind directive for two-way data binding between UI elements and component state, including custom binding events and culture-aware format stri…

Dependency Injection in Blazor

Learn how Blazor's built-in DI container registers and resolves services, and how lifetimes affect component behavior.

Deploying Blazor Apps

How to publish and deploy Blazor WebAssembly and Blazor Server apps to production, including hosting choices, compression, and configuration.

Event Handling in Blazor

Learn how Blazor wires DOM events to C# methods using @onclick and friends, including typed EventArgs, async handlers, and preventing default browser behavior.

Forms and EditForm

Learn how Blazor's EditForm component, EditContext, and built-in input components work together to build validated forms.

HttpClient and Calling APIs

Learn how to configure and use HttpClient in Blazor Server and WebAssembly to call REST APIs safely and efficiently.

JavaScript Interop

Call JavaScript from C# and C# from JavaScript in Blazor to access browser APIs that .NET can't reach directly.

Local Storage and Session Storage

Persist Blazor app state in the browser using localStorage and sessionStorage via JS interop or community libraries.

Navigation and NavigationManager

Understand how Blazor's NavigationManager service enables programmatic navigation, URL inspection, and location-change event handling.

Performance Optimization and Virtualization

How Blazor's diffing pipeline determines render cost, and the practical techniques — Virtualize, ShouldRender, and parameter hygiene — used to keep large apps…

Project Structure and App.razor

How a default Blazor Web App project is organized, and the role of App.razor, layouts, and Program.cs.

Razor Syntax Basics

The fundamentals of Razor markup: the @ transition character, control flow, data binding, and HTML encoding.

Render Modes in .NET 8+ (Interactive Server/WASM/Auto)

How .NET 8 unified Blazor hosting models into per-component render modes — Static, Interactive Server, Interactive WebAssembly, and Interactive Auto — and how…