MICROSOFT BLAZOR - NEXT GENERATION WEB UI OR SILVERLIGHT ALL OVER AGAIN?
Download as PPTX, PDF0 likes159 views
The document discusses Microsoft Blazor, highlighting its capacity to build interactive web applications using C# instead of JavaScript, thereby leveraging .NET paradigms. It outlines features such as client-server code sharing, server and client-side models, and the component lifecycle, while also mentioning third-party support and tools available for developers. Concerns about market adoption, debugging, and security are noted, alongside an encouragement to explore Blazor's capabilities through available tutorials.
MICROSOFT BLAZOR - NEXT GENERATION WEB UI OR SILVERLIGHT ALL OVER AGAIN?
- 1. 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
- 2. ABOUT POLARIS… Connor Ryan Senior Account Executive connor@polaris.llc 708-297-5652
- 3. 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
- 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-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!
- 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) 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
- 11. 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
- 12. 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
- 13. 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
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.