Overview of Blazor

· Blazor is the newest free .NET open-source frontend Web development Framework.

· It supports server-side and client-side.

· Using Blazor you can develop SPA (Single Page Application) and PWA (Progressive Web Application) that utilize the power of modern browser APIs to behave like a desktop / mobile app

Using Blazor you can develop the following types of apps

1. Blazor Server

2. Blazor WebAssembly.

3. Blazor Hybrid and .NET MAUI

· Single Page Application (SPA): A type of web application that operates within a single web document with a very high user experience.

· In traditional web application development pattern, there are multi-page/multi-view but in SPA load only one initial web page and then dynamically update the content, the page does not require a complete reload. SPA is fully component-based development terminology.

· Progressive Web Application (PWA): It is a mixture of Web and App technologies. PWA gives the feel of platform specific kind of app, just like a native app.

Below define Features of Blazor

· Using Single Language C#

· Rich Interactive UIs.

· Components based development.

· Easy migration who knows the MVC and Razor Syntax.

· Supported on all technologies like (Windows/Android/iOS, MacOS).

· Build a full stack web app.

· Blazor Server

What is Blazor Server?

One of the hosting model types of Blazor, it renders the UI on the server result sent to Client. SignalR is used for prompt communication between client and server. Blazor server can use all the .NET core API because it executes within ASP.NET Core application.

What is Blazor WebAssembly?

It’s a single page app (SPA) framework for building interactive client-side web apps with .NET. It's responsible for executing C# code on the client side.

General Terms/Definition of WebAssembly: WebAssembly abbreviation is WASM. WebAssembly is a binary code format and a corresponding text format that executable code in a client-side web browser.

· Blazor Server App:  A template for creating a Blazor server app that runs on the server side inside an ASP.NET core app and handles user interactions over a SignalR connection. This template can be used for web apps with rich dynamic user interface (UIs). This template comes with basic and example code.

· Blazor Server App (Empty):  An empty project template for creating a Blazor server app. The rest of the working pattern is similar as Blazor Server App template.

· Blazor WebAssembly App:  A project template for creating a Blazor app that runs on WebAssembly and is optionally hosted by an ASP.NET core app. This Template can be used for web apps with rich dynamic user interfaces (UIs)

· Blazor WebAssembly App (Empty): An empty project template for creating a Blazor WebAssembly app. Rest of working pattern as similar as Blazor WebAssembly App template.