Scribd
Upload
28 views18 pages

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
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
28 views18 pages

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
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
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.

You might also like