.NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you

Тема доклада
KYIV 2019
Alexandre Malavasi
The future of Web: what Microsoft Blazor can do for you
.NET CONFERENCE #1 IN UKRAINE

.NET LEVEL UP
Agenda
Current status of Web Technologies
Concept of Single Page Applications
Blazor: how it works
Comparison between Blazor and other SPAs (React, VueJS and
Angular)
Demo

.NET LEVEL UP
Status of Web Technologies
• Migration from server to client-side
• Intense use of Javascript libraries / frameworks
• Powerful browser resources, such as WebAssembly
support

.NET LEVEL UP
Migration from server to client-side
Everything was processed in the server:
• Database operations
• Logic implementation
• HTML process
• Security and validation

.NET LEVEL UP

.NET LEVEL UP
Issues on running everything on the server:
• Costs of scalability
• Performance
• Latency
• No-friendly user experience

.NET LEVEL UP
Intense use of Javascript libraries / frameworks
Gradual Web migration to JS libraries / frameworks

.NET LEVEL UP
Javascript libraries / frameworks
Library / framework First release
jQuery 2006
AngularJs 2009
NodeJS 2009
UnderscoreJS 2009
BackboneJS 2010
React 2013
VueJS 2014

.NET LEVEL UP
Delegating responsibility to the client-side

.NET LEVEL UP
Delegating responsibility to client-side
• Massive use of API based on JSON
• Transfer non-sensitive logic to client
• Intense use of local storage
• Off-line resources

.NET LEVEL UP
Based on components
{Component
HTML
CSS
JS

.NET LEVEL UP
WebAssembly is the new Web

.NET LEVEL UP
What can I do with WebAssembly?
• Increase performance
• Reduce latency issues
• Run server-side code directly on the browser
• Share libraries between desktop and web
applications easier

.NET LEVEL UP
WebAssembly code

.NET LEVEL UP
WebAssembly x JS performance
WebAssembly is faster than Javascript, manly for complex operations:
• video editing
• 3D rendering
• video games
• music streaming
• encryption
• image recognition

.NET LEVEL UP
What is Microsoft Blazor

.NET LEVEL UP
What is Microsoft Blazor
• Single Page Application of .NET Platform
• Based on WebAssembly and not in Javascript
• Started as a open-source project and now it is officially part of .NET Stack
• Quick improvements and updates since 2017

.NET LEVEL UP
How it works?
Client-side Blazor
• .NET generates the underlying WebAssembly
file
• We don’t need to know WebAssembly to use
Blazor
• Generates JS compatible file for obsolete
browsers

.NET LEVEL UP
How it works?
Server-side Blazor
• Intense use of SignalR
• More responsibility in the server
• Recommendable for external integrations

.NET LEVEL UP
How it works?
• Dependency injection
• It can use only C#
• Possible to integrate with Javascript Libraries
• As part of .NET Core platform, it is fully multi-platform and it could be hosted
everywhere

.NET LEVEL UP
Blazor App Template

.NET LEVEL UP
Tools for the demo
• Visual Studio 2019 (latest version)
• .NET Core 3.1
• Blazor templates

.NET LEVEL UP .NET CONFERENCE #1 IN UKRAINE KYIV 2019
Demo

.NET LEVEL UP
Benefits
• Easy adoption by .NET developers
• Uncomplicated to learn
• All .NET resources already available
• Performance

.NET LEVEL UP
Benefits
• Compatible with all modern browsers
• Can be hosted in a very low cost service
• Re-use of code in client-side (validation, logic and more)
• The client-side Blazor application works off-line

.NET LEVEL UP
Negative points
• Current low adoption in the market
• Scalabity for server-side Blazor application
• Doubts about updates and evolution of it
• Limited debugging capability

Questions

.NET LEVEL UP
Contact info
Medium.com/@alexandre.malavasi
LinkedIn.com/in/alexandremalavasi
Twitter.com/alemalavasi

Thank you

.NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you

Similar to .NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you (20)

More from NETFest

More from NETFest (20)

Recently uploaded

Recently uploaded (20)

.NET Fest 2019. Alexandre Malavasi. The future of Web: what Microsoft Blazor can do for you