Blazor WebAssembly Overview

HumourousZinc avatar
HumourousZinc
·
·
Download

Start Quiz

Study Flashcards

18 Questions

Blazor enables both backend and frontend development with the same ______

language

WebAssembly is a native part of all modern browsers including ______ browsers

mobile

Blazor application does not require installation of any special plugins like ______ or Silverlight

Flash

Razor is a format for generating text-based content, like ______

HTML

Blazor uses the popular ASP.NET MVC approach for building applications that run in the ______

browser

With WebAssembly, you compile your code in a format called ______, which gets downloaded by the browser

WASM

The name Blazor comes from a combination of Browser and ______ (which is the technology used to combine code and HTML)

Razor

Blazor is a web framework designed to run client-side in the browser on a WebAssembly-based [.______ runtime (Blazor WebAssembly) or server-side in ASP.______ Core (Blazor Server)

NET

Blazor Server is an implementation of the Blazor user-interface framework as part of the ASP.NET Core web development framework, deployed to a ______

web server

Blazor WebAssembly, sometimes shortened to Blazor WASM, is an implementation of the Blazor user-interface framework that runs on the HTML 5 standard ______ runtime present in all modern browsers.

WebAssembly

A render tree is still created and instead of running the Razor pages on the server, they are now running inside our web ______.

browser

Blazor Server uses SignalR to communicate between the client and the server, as shown in the following diagram: Blazor Server ______

SignalR

SignalR can use many different means of transporting data and automatically select the best transport protocol for you, based on your server and client ______

capabilities

Since the code is running in the browser, it is easy to create a Progressive Web App (PWA).Since we're not running anything on the server, we can use any kind of backend server or even a file share (no need for a.NET-compatible server in the ______).

backend

Blazor Server WebSockets: is a communication protocol that provides full-duplex communication channels over a single ______ connection

TCP

No round trips mean that you will be able to update the screen faster (that is why there are game engines that use ______).

WebAssembly

Even if we compare it to other large sites, the footprint of a Blazor WebAssembly is large and there are a large number of files to ______.

download

To access any on-site resources, you will need to create a Web API to access them.You cannot access the ______ directly.

database

Study Notes

Blazor WebAssembly

  • Runs on the HTML5 standard WebAssembly runtime present in modern browsers
  • Works similar to the server version, but with Razor pages running inside the browser
  • Updates the DOM with direct JavaScript interop, instead of using SignalR

Advantages of Blazor WebAssembly

  • Easy to create a Progressive Web App (PWA) since the code runs in the browser
  • Can use any kind of backend server or even a file share, without needing a .NET-compatible server
  • No round trips, allowing for faster screen updates

Disadvantages of Blazor WebAssembly

  • Large footprint and many files to download
  • Need to create a Web API to access on-site resources
  • Cannot access the database directly

WebAssembly

  • Based on open web standards, making it a native part of modern browsers
  • Allows C# code to be executed in the client browser without plugins or transpiling
  • Compile code in WASM format, which gets downloaded and Just-In-Time compiled into native code

C# Browser Execution

  • Browser only understands JavaScript, but WebAssembly allows C# code execution
  • Compilation and parsing happens on the server before the browser loads

Blazor

  • Uses ASP.NET MVC approach for building applications
  • Uses Razor syntax to generate HTML
  • Combines C# code with HTML in cshtml or razor files
  • Name comes from a combination of Browser and Razor

Blazor Hosting Models

  • Can run client-side in the browser on a WebAssembly-based .NET runtime (Blazor WebAssembly) or server-side in ASP.NET Core (Blazor Server)
  • App and component models are the same regardless of the hosting model

Blazor Server

  • Implementation of the Blazor user-interface framework as part of ASP.NET Core
  • Deploys to a web server, generating HTML on request
  • Uses SignalR for communication between client and server

Learn about Blazor WebAssembly, an implementation of the Blazor user-interface framework that runs on the WebAssembly runtime in modern browsers. Understand how it functions similarly to the server version but operates within the browser, creating a render tree for UI components.

Make Your Own Quizzes and Flashcards

Convert your notes into interactive study material.

Get started for free

More Quizzes Like This

Use Quizgecko on...
Browser
Browser