Blazor Code behind

Counter.cs

namespace CodeBehindTest.Pages
{
    public partial class Counter
    {
        private int currentCount = 0;

        private void IncrementCount()
        {
            currentCount++;
        }
    }
}

Counter.razor

@page "/counter"

<h1>Counter</h1>

<p>Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

@danroth27 just watched Blazor intro from .NET Conf and figured out a second way to use code-behind which may be a little more familiar to people using XAML.

IMHO this is a little easier to use as you don't have to type in the ComponentBase base class and @inherits directive.

Yep, support for partial classes was enabled in .NET Core 3.1 and will be the recommended pattern going forward. But if you're using .NET Core 3.0, then you'll need to use a base class due to issues with how the Razor tooling works.

Oh sure I did try that on 3.1 and VS Preview (just didn't have time to watch the videos fast enough), thanks for the heads up ;-)