What is Blazor?

What is Blazor?

Blazor (short for Browser + Razor) allows developers to build rich web UIs with C#. It eliminates the need for JavaScript in many scenarios by running .NET directly in the browser or on the server.

• Write reusable UI components in C# and Razor
• Two hosting models: Blazor Server and Blazor WebAssembly
• Supports full-stack C# development

Blazor Hosting Models

1. Blazor Server

Runs on the server and updates the UI via SignalR. It's ideal for intranet apps or apps where real-time updates are needed.

2. Blazor WebAssembly

Runs entirely in the browser using WebAssembly. This allows for client-side performance with zero server dependency after loading.

Hello World Example

Here’s a basic Blazor component:

<h3>Hello, Blazor!</h3>

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

<button @onclick="IncrementCount">Click me</button>

@code {
    int count = 0;

    void IncrementCount()
    {
        count++;
    }
}

When to Use Blazor

• Building single-page applications (SPAs) with .NET
• Reusing C# code across front-end and back-end
• Developing apps that don’t require much JavaScript interop

Blazor empowers developers to create modern web UIs with the power and flexibility of C#. In the next lesson, we’ll explore the differences between Blazor Server and Blazor WebAssembly and how to choose the right model for your app.