Podevcast

A Special Group Presentation on Blazor Architecture - Episode 138

Azure DevOps Podcast

Episode | Podcast

Date: Mon, 26 Apr 2021 08:00:00 +0000

Today on The Azure DevOps Podcast, Jeffrey Palermo is sharing an exclusive presentation on Blazor Architecture Patterns. Blazor is one of the new frameworks that has a lot to offer and is bringing many unique aspects together. With there already being so many fantastic developer tutorials and how-to’s on Blazor, Jeffrey is instead going to be focusing on an architectural look at Blazor. Specifically, how the architecture works, as well as how you, as a developer, should be thinking about Blazor so that when you do choose to make use of it in its various forms, you can make the appropriate choice for your situation. Jeffrey covers a variety of topics in this presentation and it is jam-packed full of tips, advice, techniques, tools, resources, and how-tos! He speaks about the patterns that are appropriate for every Blazor architect to consider, how the different flavors of Blazor operate at the architectural level, how Blazor handles memory management, the high-level hub-and-spoke architecture and how it can apply to a Blazor application, eventing throughout the user interface, how to test Blazor applications, and the unique things you need to do when monitoring a Blazor application when it’s running in production. Be sure to tune in as this presentation is beneficial for all .NET developers and those who make use of the Microsoft platform! Topics of Discussion: [:38] Be sure to visit <a href="http://azuredevops.show/">AzureDevOps.Show</a> for past episodes and show notes. [:50] About The Azure DevOps Podcast, Clear Measure, the new podcast Architect Tips, and Jeffrey’s offer to speak at virtual user groups. [1:17] About today’s special episode. [1:35] Jeffrey’s introduction to his special group presentation on Blazor architecture. [2:32] What this presentation will be about. [3:11] Jeffrey introduces himself and shares about his developer background. [3:58] The topics that this presentation will be covering. [4:55] If you would like an electronic copy of Jeffrey’s book, .NET DevOps for Azure, send him an email at <a href="mailto:Jeffrey@Clear-Measure.com">Jeffrey@Clear-Measure.com</a>! You can also obtain a print copy anywhere books are sold. [5:32] About The Azure DevOps Podcast. [6:08] Getting started with Blazor: an overview. [9:00] The first step: source control. [11:50] How the Blazor Server-Side architecture works. [16:57] Settings that are important to get right in order for a Blazor Server-Side app to work properly. [20:48] Settings that are important for Blazor WebAssembly. [22:44] How to choose between Blazor Server-Side and Blazor WebAssembly. [25:21] How to handle memory management in Blazor WebAssembly and Blazor Server-Side. [31:26] Entity Framework for Blazor Server-Side. [34:30] About the hub-and-spoke pattern and how it can apply to a Blazor architecture. [37:19] A word from Azure DevOps Podcast’s sponsor: Clear Measure. [37:51] Check out PlantUML if you are looking for a way to have design diagrams or architectural diagrams that are versionable that can be stored with your codebase. [39:01] The main conduit from the user interface into the application. [39:59] Jeffrey’s favorite under-the-covers library right now for integrating and routing and integration for IOC Containers: the MediatR Library. [40:53] Jeffrey talks component libraries and gives his recommendations around them. [42:11] Why you need to think about all of the methods that your developers are using so that they are successful. [42:46] Jeffrey addresses a crosscutting concern that the Bus can give developers. [43:50] Jeffrey talks UI eventing within Blazor. [48:20] The speed and performance of Blazor Server-Side when loading a screen that’s a little bit long. [49:46] How to refresh your browser pages in the DOM a lot quicker. [51:59] Broadcasted events: how to do them across many users of the same application. [55:12] Why you need to test your Blazor components. [57:14] The tests that have to run in a fully deployed environment of your application, and the three steps to continuous integration. [1:00:16] Operations and monitoring in Blazor. [1:02:51] Monitoring and metrics in Blazor. [1:08:33] Jeffrey wraps up the presentation. Mentioned in this Episode: <a href="http://architecttips.clearmeasure.com/"> Architect Tips</a> — New video podcast! <a href="https://azure.microsoft.com/en-ca/services/devops/?&OCID=AID736756_SEM_7eul5uID"> Azure DevOps</a> <a href="https://www.clear-measure.com/">Clear Measure</a> (Sponsor) <a href="https://www.amazon.com/NET-DevOps-Azure-Developers-Architecture/dp/1484253426"> .NET DevOps for Azure: A Developer's Guide to DevOps Architecture the Right Way, by Jeffrey Palermo</a> — Available on Amazon! <a href="http://www.lulu.com/shop/jeffrey-palermo/net-devops-for-azure-ebook-edition/ebook/product-24094762.html"> bit.ly/dotnetdevopsebook</a> — Click here to download the .NET DevOps for Azure ebook! <a href="https://www.youtube.com/channel/UC-ROXy08zc-qTA0-3GAQDLw"> Jeffrey Palermo’s Youtube</a> <a href="https://twitter.com/jeffreypalermo?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor"> Jeffrey Palermo’s Twitter</a> — Follow to stay informed about future events! <a href="https://blog.stevensanderson.com/">The Azure DevOps Podcast’s Twitter: @AzureDevOpsShow</a> <a href="https://visualstudio.microsoft.com/">Visual Studio</a> <a href="https://www.nopcommerce.com/en">nopCommerce</a> <a href="https://blazortrain.com/">Carl Franklin’s Blazor Train</a> <a href="https://www.devexpress.com/">DevExpress</a> <a href="https://git-scm.com/">Git</a> <a href="https://webassembly.org/">WebAssembly</a> <a href="https://dotnet.microsoft.com/apps/aspnet/signalr">SignalR</a> <a href="https://jasperfx.github.io/lamar/documentation/ioc/">Lamar</a> <a href="https://www.entityframeworktutorial.net/what-is-entityframework.aspx"> Entity Framework</a> <a href="https://plantuml.com/">PlantUML</a> <a href="https://www.nuget.org/packages/MediatR/">MediatR Library</a> <a href="https://www.telerik.com/">Telerik</a> <a href="https://www.radzen.com/">Radzen</a> <a href="http://sites.bu.edu/rf/">BU Responsive Framework</a> <a href="https://www.selenium.dev/">Selenium</a> <a href="https://dotnet.microsoft.com/apps/aspnet/mvc">ASP.NET MVC</a> Want to Learn More? Visit <a href="http://azuredevopspodcast.clear-measure.com/">AzureDevOps.Show</a> for show notes and additional episodes.