Our Cookie Policy

Echofavor and carefully selected third parties use cookies on this site to improve performance, for analytics and to show you offers tailored to your interests on our site and third party sites. By continuing to use our site, you consent to our use of cookies. Privacy Policy

Life is memorable. Share your experience. Help others. Return the favor. Terms Of Use    Privacy Policy    About    FAQ    Help   Contact Us  
As an Amazon Associate and affiliate with other third parties, Echofavor earn from qualifying purchases and display advertisements.

(Collection)Blazor Videos

  • mcchu28

Aug 7, 2018 - ASP.NET Community Standup - Blazor

Dan Roth and team talks about Blazor:

Here are my notes:
  • server side blazor (now called Razor Component)
  • download size is much smaller; page loads fast
  • UI composition model (allow reuse component)
  • integrate deeply in .NET Core 3.0 project

Sep. 13, 2018 - Blazor: Modern Web development with .NET and WebAssembly (Daniel Roth)

Here are some notes on this video:

  • .NET Code target Web Assembly so it can run in browser

  • Get started with Blazor at https://blazor.net
  • In Visual Studio, install Blazor extension https://marketplace.visualstudio.com/items?itemName=aspnet.blazor
  • mono.wasm is the full .net runtime in web assembly
  • debugging .NET code using chrome - run command to enable remote debugging (little bit flaky!!! - he has to clear local storage)
  • use Javascript Interop to update the DOM based on the difference
  • demo calling Javascript from .NET code - JSRuntime.Current.InvokeAsync<string>("example.ShowPrompt", message)
  • demo Javascript calling .NET code
  • demo using community library to store state in local storage (Blazor.Extensions.Storage)
  • demo flight example
  • Blazor (web worker) + Electron (desktop application)
  • Server-side Blazor now called Razor Components (using signalR) - super fast startup time - shipped with ASP.NET Core 3.0 - preview available in early 2019
  • Blazor 0.6.0 - render fragment template - shipped Sept
  • chat using Gitter

Nov 28, 2018 - Steve Sanderson - Blazor, a New .NET Single Page Application Framework

Watch video:

  • new Single Page Application Framework
  • server: .NET, GO, Java, node.js
  • client: JavaScript, Angular, React, Vue

  • run other languages
  • convert any language to byte code that runs in browser
  • support in modern browsers
  • Web Assembly been out for two years
Blazor advantages.png

Show default Blazor project (using C#)
  • no javascript
  • cshtml - component
  • static markup in HTML, @page (Home page)
  • dynamic markup using Razor syntax, @functions C# code (Counter page)
  • http service dependency injection, @inject (Weather page)

Blazor Components
  • can be nested
  • can have events
  • can pass parameters

Show EPPPlus demo to export data into Excel spreadsheet
  • can use any .NET library/ecosystem

Different type of projects (client vs Full-stack)
  • stand alone client app
  • ASP.NET core hosted (3 projects - Client, Server, Shared), Full-stack; calls server api to fetch weather service
Show how to compile code to Web Assembly
  • emcc compiler
  • generate .wasm (web assembly)
  • generate .js (wrapper)

  • compile mono runtime to .wasm
  • script tag > src="_framework/blazor.webassembly.js"
  • mono.js
  • mono.wasm
  • .NET assemblies / dlls (load into browser)
  • 1.95 MB download
  • performance can be issue for public site; it might be okay for an intranet app
  • blazor - UI stack; work on memory data structure, compare difference and update only elements that is different

  • blazor client side - experimental
  • blazor server side (Razor component) - use web socket connection, 100 KB download, ship in ASP.NET Core 3.0, takes load from client, thin client, fast, run on server, simply architecture; cons: cannot work offline, latency between server and client, using server resources
  • blazor desktop (Electron) - Show Azure Storage Explorer example

Compare hosting models:
Other resources:


Copyright © Echofavor 2021. All Rights Reserved. Powered by Echofavor
Copyright © Echofavor 2021. All Rights Reserved.
Powered by Echofavor