Blazor Techtalk

The document introduces Blazor, a new framework for building client-side web UI using C# and .NET instead of JavaScript. It provides an overview of Blazor and how it works, demos of building UIs with Blazor using Razor components and pages/views, and details on upcoming features in .NET 5 and Blazor previews.

Uploaded by

red shot.999

Available Formats

Download as PPTX, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

25 views

Blazor Techtalk

Uploaded by

red shot.999

Available Formats

Download as PPTX, PDF, TXT or read online on Scribd

You are on page 1/ 18

Blazor

A new framework for browser-based .NET apps

Ryan Nowak
Developer & Architect, ASP.NET Core
@aVerySpicyBoi

Demos and presentations

Blazor
 Build client-side web UI with .NET instead of JavaScript
 Write reusable web UI components with C# and Razor
 Share .NET code with both the client and the server
 Call into JavaScript libraries & browser APIs as needed

C#
Demo: Build client web UI with Blazor
.NET
How client-side Blazor works

https://...

Razor Components
.NET
DOM
WebAssembly
Demo: Server Side Blazor
One Framework – two hosting models
Client-side Server-side

https://... https...

ASP.NET Core
Razor Components
DOM
.NET SignalR DOM
WebAssembly Razor Components
.NET

.NET 5!!! .NET Core 3.0

.NET 5

https://devblogs.microsoft.com/dotnet/introducing-net-5/
Blazor
 Build client-side web UI with .NET instead of JavaScript
 Write reusable web UI components with C# and Razor
 Share .NET code with both the client and the server
 Call into JavaScript libraries & browser APIs as needed

Blazor for WebAssembly

now in official preview!
C#
Demo: Let’s learn some Blazor
Pages & Views with Components

Request
ASP.NET Core https...
Page / View
HttpContext
SignalR
Component UI events / DOM updates
DOM
State

Response
Demo: Pages & Views with Components
One Framework – two hosting models
Client-side Server-side

https://... https...

ASP.NET Core
Razor Components
DOM
.NET SignalR DOM
WebAssembly Razor Components
.NET

.NET 5!!! .NET Core 3.0

Schedule
.NET Core 3.0
Preview 5 - Now available!
Preview 6 - *soon*
Preview 7 (go-live) - July
(more previews go here)
GA - Sept

Blazor for WebAssembly

Updates with .NET Core 3.0, but will GA sometime later
Build your own pizza store UI with Blazor

https://aka.ms/blazorworkshop
What’s coming in Preview 6
 Authentication & authorization
 @namespace
 @code
 Directive attributes
 Embeded static content
 New `key` intrinsic for
component/element preservation
in lists
Try Blazor today!
Blazor: https://blazor.net
Docs: https://blazor.net/docs
.NET Core 3.0: https://dot.net/get-core3
Visual Studio: https://visualstudio.com/preview
Workshop: https://aka.ms/blazorworkshop
© Copyright Microsoft Corporation. All rights reserved.