How To Prepare for MAUI Blazor in Microsoft .NET 6

Prepare For MAUI Blazor in the next evolution of Xamarin Forms & .NET Core: .NET 6 MAUI

MAUI is the evolution of Xamarin Forms, and it a now allows you to combine it with Blazor to make great cross platform systems in no time, allowing you to reutilize your components as much as possible, and have consistent layouts across the different platform specific builds for your system.

MAUI Blazor is great, though, you need to have some special considerations, one of those being that not all of your Blazor WebAssembly logic will be able to be reutilized so simply.

Those issue however, have solutions.

You need to take advantage of Blazor component-based design, and make sure that most of the pieces you want to reutilize in your MAUI Blazor app, are designed as independent components, it is also better if those components only receive the data.

In situations where you need to use Azure Ad B2C, you to do so, in the same way you would do outside of the Blazor Webview, and instead do so in the same way you would do it for Xamarin.Forms applications, after all, remember that MAUI is the next evolution of Xamarin, and MAUI Blazor is Blazor on top of MAUI.

Check the following videos to learn what you need to be prepare for MAUI Blazor.

How To Create The Next Youtube or Twitch using Blazor, .NET 5, and Microsoft Azure - Part I

 

There are countless types of solutions you can create when developing software.
Today, we will see a small introduction on how to create your very own Video Sharing Portal,
with Blazor, .NET 5, and Microsoft Azure.

The Architecture

Before starting to code any project, it is vital to have an understanding of the architectural components required by the system and how all of the pieces will interact.

The diagram displayed here is just one of the many ways in which you can implement Video Sharing Portals, there is no right or wrong architecture, since it ultimately depends on your own specific needs and business strategy, however, there are best practices, you can learn of those in the Azure Architecture Center, take a special look to the Reference Architectures section.

Our diagrams are the proposed solution for the Open Source Project FairPlayTube, which has the following items:

• Users
• Azure Web CDN
• Used to speed up load times.
• Blazor WebAssembly Client App
• .NET 5 Server API
• Azure Blob Storage
• Used to store users uploaded videos
• Azure SQL Database
• Use to store users and videos-related data, while enforcing Data Integrity.
• Power BI
• Used to visualize Error Logs from Desktop and Mobile App
• Azure AD B2C
• Used to allow secure and centralized users authentication
• .NET 5 Background Jobs
• Used to monitor the videos indexing progress and update data accordingly.
• Azure SignalR
• Used to notify users when their videos have been indexed, as well as when they have received new messages from other users.
• Azure Speech
• Used as an accessibility helper, to allow users to hear an audio representation of the content in the page.
• Azure Video Analyzer (formerly Azure Video Indexer)
• Used to analyze videos and generator insights
• Azure Personalizer
• Used to show the best content for the users
• Azure Translator
• Used to automatically translate the text-data to multiple languages
• Azure Cognitive Search
• Used to allow for high quality fast search of videos

You can find the repo here: FairPlayTube Repository

There you can check the Readme and the Wiki.

Here you can see a small sample of the development progress