What is Blazor Hybrid? [Pt 1] | Blazor Hybrid for Beginners

[Music] welcome to the Blazer hybrid beginner series I'm your host James Monto Magnum I'm a program manager on the developer Community team here at Microsoft I've been building mobile and desktop applications for a long time and I'm really excited to show you how you can leverage Blazer to build hybrid applications that Span mobile desktop and the web as well now in this series we're going to talk all about what Blazer is what Blazer hybrid is what donet Maui is and so much more we're going to dive deep into how this technology Works how to get set up how to build UI how to access apis and so much more but before we get started I want to talk about and explain a little bit about what Blazer hybrid is and to understand that we need to go one step below which is what is Blazer and in fact one one step below that which is what is Blazer part of Blazer itself is a full stack web platform that enables developers to build web apps completely in C in a component-based manner it is part of asp.net core asp.net core is a web platform that enables you to build web apps websites Services background services apis and so much more for microservices and Ai and anything that you can imagine for the web all in C in.net and Blazer is part of that the cool part about Blazer is that everything you write is in C so when you want to execute a button click for example instead of calling JavaScript it will call your C code and it'll execute just like you would expect it to work and that's really cool as a c donet developer I just write C.O and it runs now I also said that it's component based which means you can write small component compon and share them across your application or across multiple applications that are running in the web now there's a vast ecosystem that works across all ofet asp.net core and Blazer and what that means is that you can get up and running today and be super productive now Blazer itself is really flexible in fact there is three modes that we're going to talk about first is Blazer server Blazer server is a traditional server model where when you click on a button and it calls your C code that c code is executed on the server any of the diffs and the Dom are sent down automatically through signal R and it's updated in real time you just write C code you write your razor and your HTML and it's handled for you automatically now the second scenario is called Blazer web assembly this enables you to build applications that run directly into the browser now what's great about this is that that means your applications can run fully offline now that also means that when your user clicks on a button that the C code is executed but it's run in the browser with web assembly which is an open technology that enables multiple languages and runtimes to work directly in the browser and any of the modern browsers work across mobile desktop and more with web assembly now what's really great is that Blazer server Blazer uh web assembly work pretty seamless together in a blended mode so if you're building web apps you can use those Technologies together or separate now I said there's a third mode now this is really important because this is what we're going to talk about today where Blazer server needs a server Blazer web assembly needs web assembly itself to run there's a third Mode called Blazer hybrid and really Blazer hybrid to me is an extension of existing net Frameworks where net runs already so specifically things like Windows for example with Windows forms or WPF donet runs inside of these windows applications and what Blazer hybrid does is it builds and gives you a Blazer hybrid web view to take those razor components and all of that Blazer infrastructure and run it directly inside of a Wind forms or a WPF app if you're building windows applications this means your entire applications could be for example Blazer or just one or two screens that you're looking to modernize and since it's running inside of a Windows application it means that you have access to all the windows apis but Blazer hybrid isn't just on windows with Windows forms and WPF it's also available as part ofet Maui the multiplatform app UI what's great about Dam Maui is that it enables you to build out iOS Android Mac and windows applications all in C inet taking advantage of an entire ecosystem ofet basically iOS Android Mac and windows are available as part ofet which means all the apis of those platforms forms are available so everything that's available on iOS Android Mac are available and on Windows it's a wiui 3 application powered by the Windows app SDK so those base layers are there and then donet Maui Builds on top of it donet Maui gives you a common abstraction of the entire user interface stack of those different platforms and of the Native apis as well and we're going to take a look in this video series of how to access those native apis in addition to building out user interfaces with blazer hybrid now with blazer hybrid and Wind forms WPF oret Maui you have access to a Blazer web view control now this is going to run using the native web view so you get web UI stylize with all your CSS and everything that you know and love inside of the Native apps so on Windows for example it'll use web vi2 or the native web controls on the different platforms since it is exposed as a blazer hybrid web view control it means that you're able to mix and match the UI with Native and web that's makes it a hybrid application so this is really really neat so you can have your application be 100% all 100% Blazer and your razor components or it could be a little bit of Blazer and a lot of native or a lot of Blazer and a little bit of native based on what your application needs it's a very flexible but in either case whether it's 100% over here with web UI and a hybrid world or just a little bit of a mix and match you still have access to those underlying native apis now for this video series we're going to leverage Blazer hybrid withm using visual studio 2022 this means that we're going to see how to not only build out applications with d Maui and leverage Blazer hybrid for iOS Android Mac and windows but we're also going to see how we can share code with Don Maui with our Blazer web application that's what we're going to do from start to finish in this video series now what I love here is that it's about performance and flexibility since Blazer hybrid runs natively inside those web view controls it does not need access to a server or web assembly it is going to run on the existing donet runtime that is powered by wind forms WPF or donet Maui so that means you get the fullet available to you every single bit of it and you can take advantage of the entire ecosystem of Blazer or those native different Frameworks that are there so the next video we're going to do is we're going to get set up everything that we need in Visual Studio 2022 I'm even going to show you how to get set up in Visual Studio code and then from there we're going to start building our application accessing apis sharing code and doing so much more so stay tuned and definitely check out all the links below for everything you need to know about Blazer hybrid andm so stay tuned [Music]

Channel: dotnet

Views: 7,902

Keywords: .NET, Blazor, Blazor Hybrid

Id: oGimRuw2KVg

Length: 8min 7sec (487 seconds)

Published: Fri Nov 10 2023