Categories
.NET MAUI Blazor Deep Dive Desktop Mobile Web Xamarin

.NET MAUI – Blazor – Interop

This is Part 2 in the multi-part series of .NET MAUI – Blazor articles.

In Part 1, we’ve seen an introduction on how to make use of BlazorWebView in the .NET MAUI app.

Since it is implemented as a View, it’s possible to share data between .NET MAUI and Blazor and that’s the takeaway of this article. Along with that, the core logic is now abstracted as Razor Class Library (RCL), Dependency Injection, and Component routing for Navigation.

Categories
.NET MAUI Blazor Desktop Getting Started Mobile Web Xamarin

.NET MAUI – Blazor – Getting Started

This is Part 1 in the multi-part series of .NET MAUI – Blazor articles.

And Part 2 on abstracting core logic as Razor Class Library (RCL), Component Navigation, and Sharing AppState between .NET MAUI and Blazor is now available to read. Click here to read the article.

.NET MAUI, Multi-platform App UI, a framework to develop high-performant, cross-platform, native mobile and desktop applications for Android, iOS, macOS (via Mac Catalyst), and Windows from a single codebase.

And Blazor, a framework for full-stack web development with C# and Razor.

When these two modern technologies come together, then it’s certainly a delight for the .NET developers as it paves the way to leverage the skills they’re already familiar with.

Categories
.NET MAUI Desktop Getting Started Mobile Visual Studio Xamarin

.NET MAUI – What’s New in Preview 8

In the previous article, we’ve seen how to install/update the prerequisites that are necessary to work with .NET MAUI Preview 8 application.

In this article, we’re going to see the changes that got newly introduced as part of this preview and what’s changed from the earlier ones.

The most important thing is now WinUI artifacts, targeting the Windows platform, are now part of the Single project, the original design goal of .NET MAUI. Yes, one single project for all 4 presently supported target platforms. WinUI works on top of WindowsAppSDK, rebranded from Project Reunion, 1.0 (experimental) version.

Categories
.NET MAUI Desktop Getting Started Mobile Visual Studio Xamarin

.NET MAUI – Steps to Update to Preview 8

First things first, .NET 6 RC1 and .NET MAUI Preview 8 got released this week but the big breaking news is that .NET MAUI will be ready for Production use (General Availability) only by early Q2 of 2022 (next year) and NOT as originally planned with .NET 6 GA by Nov 2021.

This is definitely sad news for all those Xamarin/.NET MAUI developers who wanted to leverage this brand-new architecture. Hopefully by that time, if additional targets such as Linux/Wasm gets onboard, it would be worth waiting.

Categories
.NET MAUI Desktop Mobile Xamarin

.NET MAUI – Manage App Resources

Resource management is one of the key aspects of app development, be it mobile or desktop. The developer has to deal with a variety of resources ranging from images, fonts, splash screen, styles, and raw assets like HTML, PDF or could be even simple text files.

That too when it comes to cross-platform development, each platform has its own way of managing resources and it’s a daunting task for the development team to know and manage all those things. For example, image requirements in multiple sizes to support devices with various resolutions for a rich experience. Fortunately, icon fonts solve a part of this problem by auto-scaling. But still, font is managed differently in each of the platforms.

Categories
.NET MAUI Extensions Templates Visual Studio Xamarin

.NET MAUI – Templates for Visual Studio 2022

With .NET 6 Preview 6 released on Jul 14, 2021, and now Preview 7 released on Aug 10, 2021, .NET MAUI progressed a lot with Workloads, Gestures, Clipping, Alerts, New Layouts, and mainly first-class support for Visual Studio 2022 (with Preview 3.x). But, there is a catch in here. NO item templates for Visual Studio for now :-(.

Update: This extension is now updated to support .NET MAUI Preview 10 with VS2022 Preview (17.1.0 Preview 1.0) IDE and .NET MAUI (Preview) Mobile Development workload installed. This can be downloaded and installed from the same link mentioned in this article.

Thankfully, VS extensions will always be there as a rescue in this sort of situation, and this time too. Have published an extension to the VS marketplace, for VS2022 users, that hosts the MAUI templates.

Update: Users on VS2019 don’t need to feel left out in this, I got you covered with another extension that hosts the Item templates for ContentPage and ContentView, in both XAML and C#, find it in the VS Marketplace – .NET MAUI Project and Item Templates.

Categories
.NET MAUI Xamarin

.NET MAUI – Project Structure and Application Flow

In the earlier post, we’ve seen about the SDK-style project file details, but it is also vital to look at the unified project structure to get into the application flow for each platform.

In this Single project structure, both platform-specific and platform-independent code will live in the same space.

Categories
.NET MAUI Xamarin

.NET MAUI – SDK-style Project File

In the earlier posts, we have seen how to create a new MAUI project from the template and then went on to build and debug the application in VS Code and automated the process to an extent with Comet for. NET Mobile.

Now in this post, we’re going to see the inner details of a .NET MAUI SDK-style project file as it is designed to target multiple platforms from a Single project.

This is different from Xamarin.Forms, as Forms creates an individual head project for each of the platforms it targets and a .NET Standard project for writing platform-independent Forms code (which gets added as a reference to those head projects).

Categories
.NET MAUI VS Code Xamarin

.NET MAUI – Develop with Comet in Visual Studio Code

This article is kind of an update to the previous one to describe the use of Comet for .NET Mobile by James Clancey to debug the .NET MAUI project and it’s available as an extension to VS Code.

This cute little extension automates the build and debug into a simple action rather than manually configuring it as described in the previous post.

To get started, launch VS Code, open Extensions (Shortcut: Ctrl+Shift+X), look for the Comet for .NET Mobile, and get it installed.

Categories
.NET MAUI Desktop Mobile VS Code Xamarin

.NET MAUI – Develop with Visual Studio Code

Update: Completed sample of this article is now available in GitHub, can be accessed from .NET MAUI Samples

In the previous post, described how we can set up a Dev environment for playing with .NET MAUI and steps to create a new project from the template provided and then went on to build and run using .NET CLI.

And in this post, am going to detail how we can achieve build, run, attach the debugger and add breakpoints within Visual Studio Code. Will continue with the same TestApp project that we created earlier.