Blazor Full-Stack

Editor's Notes

• #2: “In this session we’ll talk about the evolving ASP.NET platform and what’s new with .NET 5, as well as what’s coming with .NET 6. Modern ASP.NET applications will take advantage of .NET full-stack using Microsoft’s Blazor framework. We’ll discuss how the new framework coupled with Telerik UI for Blazor cut development time and boost productivity.”
• #14: Blazor is a fully featured single page application framework by Microsoft It has a huge ecosystem of .NET packages on NuGet because it’s compatible with .NET standard
• #16: Blazor is independent of it’s hosting model This means we have options when hosting host Blazor applications. The most common options are Client-Side, and Server-Side hosting. Let’s discuss the two options starting with Client-Side Blazor.
• #17: In a typical application JavaScript is downloaded by the browser It is then parsed, compiled, and turned into byte code before it can execute.
• #18: A more modern approach is to use WebAssembly, which is a standard byte code browsers can execute. What makes WebAssembly different, is that it is parsed and compiled before it is delivered to the browser. Languages other than JavaScript, such as C++ can compile directly to WebAssembly byte code.
• #19: Microsoft has taken the .NET runtime and compiled as web assembly. This makes it possible to run .NET code directly in the browser.
• #20: This is how Blazor enables developers to write .NET code in a client-side web application. Because the .NET runtime is available on the client, we can utilize virtually any .NET Standard assembly.
• #21: If we choose to host Blazor on the server
• #23: New Components Four Gauge Components – Circular, Linear, Radial, Arc ColorPalette Component ( will be followed by ColorPicker in September) MediaQuery - not an UI component, but used for making other UI components and layout responsive New Features Grid New Features: Hide columns on small device Fit column width to content Built-in validation for inline and incell edit modes TreeList (similar to the Grid features) Fit column width to content Built-in validation for inline and incell edit modes Editor Enhancements Highlighting with color - background and text Copy & Paste of images Paste cleanup options Window Enhancements: Stacking Windows Predefined Dialogs – Alert, Prompt, Confirm Form Enhancements: Form Disabled Fields
• #33: We’re making progress on .NET Multi-platform App UI that we announced almost a year ago at Build 2020. It will help you deliver performant, beautiful and consistent app experiences across various platforms and devices, and allow you to share code across your mobile and desktop apps. .NET MAUI under the hood uses technologies out there today for building native apps on Windows with WinUI, Mac Catalyst for macOS, and of course, iOS and Android. .NET MAUI abstracts all those frameworks into a single framework built on .NET 6. <CLICK> That means it will allow you to build these apps for any device from a single codebase and project system. <CLICK> And that includes desktop and mobile across operating systems, Windows, macOS, iOS and Android. <CLICK> It will be part of the unified .NET in the .NET 6 timeframe <CLICK> and preview 1 dropped last week so you can go check it out!
• #34: I’m excited to announce .NET Multi-platform App UI, or just .NET MAUI. <CLICK> It is a cross-platform, native UI stack so you’ll get great performance on any device. <CLICK> It will allow you to build these apps for any device from a single codebase and project system <CLICK> And that includes desktop and mobile across operating systems, like Windows, MacOS, iOS and Android. <CLICK> This is the evolution of Xamarin technology, building on Xamarin.Forms and expanding that to cross-platform desktop scenarios. <CLICK> It will be part of the unified .NET in the .NET 6 timeframe with previews available end of this year. You’ll see us working on it in the open on GitHub.