Software:Blazor

Short description: Web programming framework for C# and HTML

Blazor

Original author(s)	Microsoft
Developer(s)	.NET Foundation
Initial release	2018 (2018)
Repository	github.com/dotnet/aspnetcore/tree/main/src/Components
Operating system	Linux, macOS, Windows
Included with	ASP.NET Core
Type	Web framework
License	Apache License 2.0
Website	dotnet.microsoft.com/en-us/apps/aspnet/web-apps/blazor

Blazor is a free and open-source web framework that enables developers to create interactive web user interfaces (UI) using C# and HTML. It is being developed by Microsoft.

Overview

Six different editions of Blazor apps have been announced.

Blazor Server: These apps are hosted on an ASP.NET Core server process, with the UI defined using ASP.NET Razor syntax. Remote clients act as thin clients, meaning that the bulk of the processing load is on the server. The client's web browser downloads a small page and updates its UI over a WebSocket connection using SignalR. Blazor Server was released as a part of .NET Core 3.

Blazor WebAssembly: Single-page apps that are downloaded to the client's web browser before running. The size of the download is larger than for Blazor Server, depends on the app, and the processing is entirely done on the client hardware. However, this app type enjoys rapid response time. As its name suggests, this client-side framework targets WebAssembly, as opposed to JavaScript (but they can be used together).

Blazor PWA and Blazor Hybrid editions: The former supports progressive web apps (PWA). The latter is a platform-native framework (as opposed to a web framework) but still renders the user interface using web technologies (e.g. HTML and CSS).

Blazor Hybrid: Formerly known as Blazor Native, this version of Blazor renders a user interface in a native platform-app using the underlying operating system's built-in HTML rendering engine.

Blazor United: These apps will be a combination of both Blazor Server and Blazor WebAssembly and allow a "best of both worlds" solution where developers would be able to more finely tune the rendering mode. This approach would overcome the shortcomings of the potentially large up-front download that Blazor WebAssembly requires and the constantly open SignalR connection that Blazor Server requires. This version of Blazor is currently part of the .NET 8 roadmap and has not yet been released.

Despite the confusion that the descriptions of ASP.NET and Blazor could generate, the latter focuses on the creation of web applications with the aim of using the C# programming language instead of the JavaScript language, which is commonly used in this type of application.

With the release of .NET 5, Blazor has stopped working on Internet Explorer and the legacy version of Microsoft Edge.

Example

The following example shows how to implement a simple counter that can be incremented by clicking a button:

<h1>Blazor code example</h1>
<p>count: @count</p>
<button @onclick="IncCount">Click to increment</button>

@code {
    private int count = 0;

    private void IncCount()
    {
        count++;
    }
}

See also

• asm.js – precursor of WebAssembly enabling client-side web apps written in C or C++
• Google Native Client – deprecated Google's precursor to WebAssembly that enables running native code in a web browser, independent of browser's operating system

Further reading

• Web Development with Blazor: A hands-on guide for .NET developers to build interactive UIs with C#. Packt Publishing. 2021. ISBN 978-1800208728. 
• Microsoft Blazor: Building Web Applications in .NET 6 and Beyond. Apress. 2021. ISBN 978-1484278444. 
• Blazor WebAssembly by Example: A project-based guide to building web apps with .NET, Blazor WebAssembly, and C#. Packt Publishing. 2021. ISBN 978-1800567511. 
• Blazor in Action. Manning Publications. 2022. ISBN 978-1617298646. 

External links

• on GitHub
• Blazor School - The Blazor community documentation.
• Blazor University—Blazor documentation from a secondary, independent source