MICROSOFT
BLAZOR
N E X T G E N E R A T I O N W E B U I O R
S I L V E R L I G H T A L L O V E R A G A I N ?
Clint Edmonson
Jesse Spinks
ABOUT POLARIS…
Connor Ryan
Senior Account Executive
connor@polaris.llc
708-297-5652
THE BLAZOR VALUE PROPOSITION
BUILD CLIENT APPS WITH C#
• Interactive Web UIs with C#
• Run on WebAssembly or the server
• Built on open standards
• Share .NET code and libraries
• Javascript interop
• Free tooling
• Component ecosystem
• Fully supported on Windows, Mac
and Linux
OUR REACTION!!!
FORGET JAVASCRIPT, ITS C# BABY!
• Uses .NET paradigms for front end
interactivity!
• Use C#, HTML, and CSS (and SCSS…)!
• Reusable web components!
• Client and server can share code and
libraries!
• Assembly language speed!
SERVER VS. CLIENT-SIDE MODELS
Server
• App is executed on the server from
within an ASP.NET Core app.
• UI updates handled through SignalR
connection.
Client Side (WASM)
• .NET Runtime, dependencies and app
are downloaded to clients browser.
• Work offloaded from server to client.
• The runtime uses JS interop for DOM
manipulation & API calls.
• No ASP.NET Core server required!
COMPONENT LIFECYCLE MODEL
• SetParametersAsync()
• OnInitializedAsync()
• OnParametersSetAsync()
• ShouldRender()
• OnAfterRenderAsync()
• StateHasChanged()
• Dispose()
THIRD PARTY SUPPORT
• Its web based, so full support awaits
• Open source
• Material
• Bootstrap
• SCSS
• …
• Commercial implementations
• Radzen
• Telerik
• DevExpress
• Syncfunsion
• Infragistics
• GrapeCity
• …
THIRD PARTY SUPPORT
Yes, enterprise developers, you can
(once again) recreate Excel in a
browser!
LIKES
• Rich(er) clients in the browser
• It’s C# baby!
• Compiled for performance
• Automatic rebuild
• Debugging
• Third party support
• JS interop (if ya really gotta do it)
• Unit & Integration Testable
• Highly productive
CONCERNS
• Why two runtime models???
• Debugging – best in VS 2019
• Automatic rebuild – mixed blessing
• Security/configuration visibility
• Market adoption
• First party support, Microsoft!!!
• Future of WebAssembly
GIVE IT A SHOT!
• Free tools on every OS
• Windows | MacOS | Linux
• https://dotnet.microsoft.com/learn/aspnet/blazor-tutorial
• https://docs.microsoft.com/en-us/aspnet/core/tutorials/build-a-blazor-app
THANK YOU!
Clint Edmonson clint@polaris.llc
Jesse Spinks jesse@polaris.llc
Connor Ryal connor@Polaris.llc
Polaris Solutions
Visit us at http://polaris.llc

MICROSOFT BLAZOR - NEXT GENERATION WEB UI OR SILVERLIGHT ALL OVER AGAIN?

  • 1.
    MICROSOFT BLAZOR N E XT G E N E R A T I O N W E B U I O R S I L V E R L I G H T A L L O V E R A G A I N ? Clint Edmonson Jesse Spinks
  • 2.
    ABOUT POLARIS… Connor Ryan SeniorAccount Executive connor@polaris.llc 708-297-5652
  • 3.
    THE BLAZOR VALUEPROPOSITION BUILD CLIENT APPS WITH C# • Interactive Web UIs with C# • Run on WebAssembly or the server • Built on open standards • Share .NET code and libraries • Javascript interop • Free tooling • Component ecosystem • Fully supported on Windows, Mac and Linux
  • 4.
    OUR REACTION!!! FORGET JAVASCRIPT,ITS C# BABY! • Uses .NET paradigms for front end interactivity! • Use C#, HTML, and CSS (and SCSS…)! • Reusable web components! • Client and server can share code and libraries! • Assembly language speed!
  • 6.
    SERVER VS. CLIENT-SIDEMODELS Server • App is executed on the server from within an ASP.NET Core app. • UI updates handled through SignalR connection. Client Side (WASM) • .NET Runtime, dependencies and app are downloaded to clients browser. • Work offloaded from server to client. • The runtime uses JS interop for DOM manipulation & API calls. • No ASP.NET Core server required!
  • 7.
    COMPONENT LIFECYCLE MODEL •SetParametersAsync() • OnInitializedAsync() • OnParametersSetAsync() • ShouldRender() • OnAfterRenderAsync() • StateHasChanged() • Dispose()
  • 8.
    THIRD PARTY SUPPORT •Its web based, so full support awaits • Open source • Material • Bootstrap • SCSS • … • Commercial implementations • Radzen • Telerik • DevExpress • Syncfunsion • Infragistics • GrapeCity • …
  • 9.
    THIRD PARTY SUPPORT Yes,enterprise developers, you can (once again) recreate Excel in a browser!
  • 10.
    LIKES • Rich(er) clientsin the browser • It’s C# baby! • Compiled for performance • Automatic rebuild • Debugging • Third party support • JS interop (if ya really gotta do it) • Unit & Integration Testable • Highly productive
  • 11.
    CONCERNS • Why tworuntime models??? • Debugging – best in VS 2019 • Automatic rebuild – mixed blessing • Security/configuration visibility • Market adoption • First party support, Microsoft!!! • Future of WebAssembly
  • 12.
    GIVE IT ASHOT! • Free tools on every OS • Windows | MacOS | Linux • https://dotnet.microsoft.com/learn/aspnet/blazor-tutorial • https://docs.microsoft.com/en-us/aspnet/core/tutorials/build-a-blazor-app
  • 13.
    THANK YOU! Clint Edmonsonclint@polaris.llc Jesse Spinks jesse@polaris.llc Connor Ryal connor@Polaris.llc Polaris Solutions Visit us at http://polaris.llc

Editor's Notes

  • #5 Blazor lets you build interactive web UIs using C# instead of JavaScript. Blazor apps are composed of reusable web UI components implemented using C#, HTML, and CSS. Both client and server code is written in C#, allowing you to share code and libraries.
  • #9 Get productive fast with re-usable UI components from top component vendors like Telerik, DevExpress, Syncfusion, Radzen, Infragistics, GrapeCity, and others.
  • #10 Get productive fast with re-usable UI components from top component vendors like Telerik, DevExpress, Syncfusion, Radzen, Infragistics, GrapeCity, and others.