Blazor

Overview

Five different editions of Blazor apps have been announced.

• Blazor Server: These apps are hosted on an ASP.NET Core server in ASP.NET Razor format. 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 SignalR connection. Blazor Server was released as a part of .NET Core 3.^[6]
• 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 is written in WebAssembly, as opposed to JavaScript (while they can be used together).^[7]

Microsoft plans to release 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). A third, Blazor Native – platform-native framework that renders a platform-native user interface – has also been considered but has not reached the planning stage.^[6]

Support

Since version 5.0, Blazor has stopped working on some old web browsers, including Internet Explorer and the legacy version of Microsoft Edge.^[8]

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 class="btn btn-primary" @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

References

External links

• Official website
• AspNetCore on GitHub
• Blazor University—Blazor documentation from a secondary, independent source

This computer-programming-related article is a stub. You can help Wikipedia by expanding it.

This free and open-source software article is a stub. You can help Wikipedia by expanding it.

This Web-software-related article is a stub. You can help Wikipedia by expanding it.