$38
You are implementing Blazor components. Read the relevant reference docs below based on what you're building. Always check render mode first — it's the #1 source of bugs.
Before coding any UI, commit to a bold aesthetic direction. Consider the purpose, audience, and tone — then choose a clear visual identity (minimal, maximalist, editorial, brutalist, etc.) and execute it with precision. Unless brand guidelines dictate otherwise, avoid generic AI aesthetics: no Inter/Roboto defaults, no purple gradients on white, no cookie-cutter card grids. Every project deserves a fresh, intentional design. See 12-design-aesthetics.md for full guidance on typography, color, motion, and spatial composition in Blazor.
If event handlers don't work, CHECK THE RENDER MODE FIRST — starting with <Routes> in App.razor. Per-page @rendermode directives are silently ignored if <Routes> has no render mode.
Read the relevant docs based on your task:
@onclick, @oninput) are INERT. Add a render mode. Check App.razor first: <Routes @rendermode="InteractiveServer" /> must be set, or per-page @rendermode directives do nothing.[PersistentState] (.NET 10+) or PersistentComponentState.AuthenticationStateProvider instead.AddScoped.InvokeAsync(StateHasChanged).AddCascadingValue in DI instead.