Blazor Component with Event Callback - Blazor-wasm Typing CST Test
Loading…
Blazor Component with Event Callback — Blazor-wasm Code
A parent and child component demonstrating event callbacks.
# blazor/demo/EventCallback.razor
<ChildComponent OnNotify="HandleNotification" />
<p>@message</p>
@code {
private string message = "Waiting for notification...";
private void HandleNotification(string msg) {
message = msg;
}
}
// ChildComponent.razor
<button @onclick="NotifyParent">Notify Parent</button>
@code {
[Parameter] public EventCallback<string> OnNotify { get; set; }
private async Task NotifyParent() {
await OnNotify.InvokeAsync("Notification received!");
}
}Blazor-wasm Language Guide
Blazor WebAssembly (WASM) is a client-side web framework from Microsoft that allows developers to build interactive web applications using C# and .NET instead of JavaScript. Applications run directly in the browser via WebAssembly.
Primary Use Cases
- ▸Interactive single-page applications (SPAs) with C#
- ▸Line-of-business applications requiring .NET libraries
- ▸Client-side applications with offline capabilities
- ▸Web apps needing tight integration with ASP.NET Core backends
- ▸Modern web UI replacement for WinForms/WPF apps
Notable Features
- ▸Client-side execution using WebAssembly
- ▸Component-based UI architecture
- ▸Full access to .NET runtime libraries in the browser
- ▸Integration with ASP.NET Core for API calls and authentication
- ▸Support for dependency injection and routing
Origin & Creator
Blazor was developed by Microsoft, first introduced in 2018, with WebAssembly support added to enable fully client-side .NET applications.
Industrial Note
Blazor WASM is ideal for enterprises and developers invested in the Microsoft ecosystem who want C# web development without relying on JavaScript frameworks.
More Blazor-wasm Typing Exercises
Simple Blazor WebAssembly ComponentBlazor Component with Button ClickBlazor Component with Two-Way BindingBlazor Component with Conditional RenderingBlazor Component with LoopBlazor Component with Cascading ParameterBlazor Component with TimerBlazor Component with Form ValidationBlazor Component with Nested Components