What is Blazor Hybrid?
Companies that build web apps and clients apps commonly hire developers for different roles. Some developers create back-end, server-side logic. Some build client-side web apps. Others build native client apps for mobile and desktop platforms. These developers often use different development languages and technologies.
In this unit, you'll start with an introduction to Blazor Hybrid, .NET MAUI, and Razor Components.
What is Blazor?
Blazor apps are composed of reusable web UI components built using C#, HTML, and CSS. With Blazor, developers can build client and server code with C#. They can also share code and libraries with the front-end client code and back-end logic. Using C# for all code simplifies sharing data between the front end and back end, enables code reuse to accelerate development, and reduces maintenance.
What is Blazor Hybrid?
Blazor Hybrid enables developers to blend desktop and mobile native client frameworks with .NET and Blazor.
In a Blazor Hybrid app, Razor components run natively on the device. Components render to an embedded Web View control through a local interop channel. Components don't run in the browser, and WebAssembly isn't involved. Razor components load and execute code quickly, and components have full access to the native capabilities of the device through the .NET platform.
What is .NET MAUI?
.NET Multi-platform App UI (.NET MAUI) is a cross-platform framework for creating native mobile and desktop apps with C# and XAML. Using .NET MAUI, you can develop apps that can run on Android, iOS, macOS, and Windows from a single shared code-base. One of the key aims of .NET MAUI is to enable you to implement as much of your app logic and UI layout as possible in a single code-base. .NET MAUI unifies Android, iOS, macOS, and Windows APIs into a single API that allows a write-once run-anywhere developer experience, while additionally providing deep access to every aspect of each native platform.
Blazor Hybrid apps with .NET MAUI
Blazor Hybrid support is built into the .NET MAUI framework. .NET MAUI includes the BlazorWebView control that permits rendering Razor components into an embedded Web View. By using .NET MAUI and Blazor together, you can reuse one set of web UI components across mobile, desktop, and web.
Blazor Hybrid development requirements
You can build Blazor Hybrid apps by using the latest version of Visual Studio 2022 or Visual Studio 2022 for Mac. In this module, we'll be using Visual Studio 2022 to build our Blazor Hybrid application.
Whatever your development environment, you need to install the .NET MAUI workload to ensure the .NET 6.0 SDK and tools are available in Visual Studio. After installation, you'll have everything you need to start building Blazor Hybrid apps. You'll build your first Blazor Hybrid app with Visual Studio 2022 in the next exercise.