
Blazor Tutorial
Blazor - New .Net core UI framework for SPA
For Beginners
In simple and easy steps starting from basics to advanced concepts.
Code Snippets
More details on data bindings with code snippets.
Prerequisite
Basic understanding on Razor syntax and C# language.
Code Maintenance & Portablity
Access to .Net ecosystem, easy to maintain code and cross platform.
Javascript Alternative
Client side coding can be done using C# with WebAssembly open standard instead of Javascript.
Performant
Provides near native performance using open source .net core platform in browser.
Sample Blazor Component
//Directives section
@page "/counter"
//Razor HTML section
<h1>Counter</h1>
<p>Current count: @currentCount</p>
<button class="btn btn-primary" onclick="@IncrementCount">Click me</button>
//Function sections
@functions {
private int currentCount = 0;
private void IncrementCount()
{
currentCount++;
}
}
Preview Release
Client side Blazor is in preview release and no longer an experiment project.