Scribd
Upload
432 views

Building Full-Stack C# Web Apps With Blazor in .NET Core 3.0

This document discusses Blazor, a new web development framework that allows building client-side web UI using C# and .NET instead of JavaScript. It presents Blazor WebAssembly, which runs .NET code directly in the browser using WebAssembly, and Blazor Server, which hosts the .NET app on a web server and renders the UI using a client-side browser component. It promotes several third-party UI component libraries and provides links to resources for learning Blazor and getting started with building sample apps.

Uploaded by

Hugo Sanchez
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
432 views

Building Full-Stack C# Web Apps With Blazor in .NET Core 3.0

This document discusses Blazor, a new web development framework that allows building client-side web UI using C# and .NET instead of JavaScript. It presents Blazor WebAssembly, which runs .NET code directly in the browser using WebAssembly, and Blazor Server, which hosts the .NET app on a web server and renders the UI using a client-side browser component. It promotes several third-party UI component libraries and provides links to resources for learning Blazor and getting started with building sample apps.

Uploaded by

Hugo Sanchez
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/ 17

www.dotnetconf.

net
Building Full-stack C# Web Apps with
Blazor in .NET Core 3.0
Daniel Roth
https://...

JS
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#
.NET
How Blazor WebAssembly works

https://...

Razor Components
.NET
DOM
WebAssembly
Blazor on client or server
Blazor WebAssembly Blazor Server

https://... https...

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

May 2020 .NET Core 3.0


Blazor on client or server
Blazor WebAssembly Blazor Server
Pro: Pro:
- True SPA, full interactivity - Smaller download size, faster load time
- Utilize client resources - Running on fully featured .NET runtime
- Supports offline, static sites, - Code never leaves the server
PWA scenarios - Simplified architecture

Con: Con:
- Larger download size - Latency
- Requires WebAssembly - No offline support
- Still in preview - Consumes more server resources
May 2020 .NET Core 3.0
Get started with Blazor
• Go to https://blazor.net
• Install .NET Core 3.0
• Install the Blazor WebAssembly template
• (Windows) Install Visual Studio 2019 16.3
• (Mac/Linux) Install Visual Studio Code with the C#
extension
Blazor .NET
Build your own pizza store UI with Blazor

https://aka.ms/blazorworkshop
“Telerik UI for Blazor components have been built from the ground-up
to ensure you experience shorter development cycles, quick iterations
and cut time to market”
https://www.telerik.com/blazor-ui

“DevExpress UI for Blazor ships with 12 UI components (including a Data


Grid, Pivot Grid, Charts and Scheduler) so you can design rich user
experiences for both Blazor server-side and Blazor client-side
platforms.”
https://www.devexpress.com/blazor

“The Syncfusion ASP.NET Core Blazor Components library is the only


suite that you will ever need to build an application, containing over 60
high-performance, lightweight, modular, and responsive UI controls in a
single package.”
https://www.syncfusion.com/blazor-components
Radzen – Blazor WYSIWYG designer & UI components
The “Awesome Blazor” community
• https://aka.ms/awesomeblazor
• Free open-source components & JS interop libraries
• Lots of fun sample Blazor apps
• Articles, videos, blogs, and other learning materials
• Chat with the Blazor community on Gitter:
https://gitter.im/aspnet/blazor
• Thank you, Simon and Chris!
Blasteroids .NET
https://aka.ms/blasteroids
Summary
• Blazor Server now available with .NET Core 3.0
• Build full-stack web apps with C# and .NET
• Rich component model and UI framework
• Integrates with existing ASP.NET Core apps
• Blazor WebAssembly coming in May 2020
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/
• Workshop: https://aka.ms/blazorworkshop
• Community: https://aka.ms/awesomeblazor

You might also like