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.
0.129019
Watch video:
(Collection)Blazor Videos
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
- 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
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:
January 2019 Event
|
Copyright © Echofavor 2021. All Rights Reserved. | Powered by Echofavor |