.NET MAUI Explained: What is it, How does it work, and What about Blazor?
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- It is time to answer that question that you all have been asking. What exactly is .NET MAUI, how is it architected, how do I get started, and how does it differ from other frameworks. I break down each and every aspect of .NET MAUI and how you can build apps and also blend in Blazor Hybrid to leverage more code across iOS, Android, macOS, and Windows with C#.
Links:
.NET MAUI: dotnet.microsoft.com/apps/mau...
.NET MAUI Workshop: github.com/dotnet-presentatio...
.NET MAUI Docs: docs.microsoft.com/dotnet/mau...
Podcast App: github.com/microsoft/dotnet-p...
Blazor Hybrid: docs.microsoft.com/aspnet/cor...
Join this channel to get access to perks:
/ @jamesmontemagno
👕 Buy some swag! - jamesmontemagno.myspreadshop....
☕️ Buy me a coffee - www.buymeacoffee.com/jamesmon...
Follow:
👨💻 GitHub: github.com/jamesmontemagno
🦜 Twitter: / jamesmontemagno
📄 Website: www.montemagno.com
📰 Newsletter: newsletter.montemagno.com/
Chapters:
00:00 - Intro
01:40 - What is .NET?
04:00 - Client development with .NET
06:30 - .NET MAUI Architecture
11:40 - Cross-platform UI
17:00 - Platform APIS & Dependency Injection
20:40 - Performance, compilation, and packaging
24:40 - What's in .NET MAUI for app development
27:00 - Blazor Hybrid & .NET MAUI
30:40 - Options of development
32:08 - Wrap-up and Xamarin.Forms Comparison
Disclaimer: This channel, videos, and streams are created in my spare time and are a product of me... James Montemagno! They are NOT officially affiliated or endorsed by Microsoft (my employer) in any way. Opinions and views are my own.
What is on my hat? It is the CLE clothing logo because I am from Cleveland! Checkout their awesome CLE merch: cleclothingco.myshopify.com/
What is that art on my wall? It is an original piece from the French street artist Gregos of La Butte Montmartre: / bcez1onhiqx
My Setup:
💡 Nanoleaf Elements Lights - amzn.to/3umwJVW
🎙 Blue Spark Microphone - amzn.to/3qgtYkq
🎙 Blue Pop Filter - amzn.to/3jEWM3r
🤳 Rode Microphone Arm - amzn.to/2Z68AlE
🎧 Sony MDR7306 Headphones - amzn.to/372jxta
📲 Stream Deck - amzn.to/373Uk1n
📹 Elgato Cam Link - amzn.to/3a9eGbh
📷 GoPro Hero - amzn.to/374lm90
🖱 MX Master 2S Mouse - amzn.to/3d7J2gj
⌨️ Tecware Phantom Keyboard - amzn.to/3aUP4y9
#dotnetmaui #blazorhybrid #dotnet - วิทยาศาสตร์และเทคโนโลยี
You have really improved sir!!! Keep it up! I personally love the theory side of stuffs b4 i get into the codes so love this new format..
. Net MAUI is my first experience with mobile development, and I introduced this new tech in my internship program. I started from zero and deployed a full app with API integration, and they really liked it. Now, the company that I work at will adopt MAUI for future projects, and Im already working on something more sofisticated. Thanks James and Microsoft
That is so awesome to hear!! Thank you for sharing and glad the videos have helped out!
Thanks for the great video! It is a very good summary of MAUI that I will share with my colleagues instead of spending hour myself :)
Great video! Provided much clarity on what .NET MAUI is and how it works.
Thanks, James,
Awesome presentation.
Keep it up!
This was great James, very informative. The slides were really helpful. Thanks for putting this together!
Glad you enjoyed it!
James, I am loving this playlist so far!
You made an incredible professional and engaging presentation and thanks for doing that and sharing it with us. Really impressive and informative.
Thank you so much
Hi@@JamesMontemagno, can you please guide me on how to render markdown format text in MAUI?
Thanks for an excellent overview James
Once again James. Thank you so much for this!
One of the best explanation on maui & blazor.Thanks
Thanks!!!
Many thanks for the excellent heads-up here! Personally I can't wait to migrate some of my company's products over to MAUI, primarily as I suspect that support for the original Xamarin Forms (which I absolutely adore), will fade away quite quickly
James Sir, Thanks for your great presentation. It's really Amazing! 👍👍 I definitely prefer Blazor Hybrid since it seems so super!😄
Best explanation thus far. Highly-recommended video.
Awww thanks!! ❤️❤️
Didn't know about Blazor Hybrid... wow, this will change my life!
Awesome presentation. You’ve got another subscriber. Thank you very much. I cannot wait to do a side project. I look forward to some tutorials
Whoa! Thanks!!!!
Thanks for Video. I am starting to learn with you! Good luck
Great job James, I think you've really clarified the vision. Can you comment on performance, energy consumption, startup and general ux latency of these cross-plat apps vs using platform native languages?
This video is so informative, thanks for the killer content
Thank you for ur Great presentation and sharing here. That's very useful and informative.
Great summary, thank you!
This is an excellent video and a very good explanation in layman terms.
Glad it was helpful!
This was really well done, man. Thank you
Glad you enjoyed it!
Hey James! Great stuff like always! Are you going to be doing a video on how to convert existing Xamarin Forms apps to Maui?
Good Presentation James. Apt first video for anyone to see.
Much appreciated!
Very nice James thanks
Great explanation, Thanks.
Thanks for the video, James
Great overview, just what has been missing
I'm super excited with Maui
Well done James, thanks
@James, is there a "Kitchen Sink" app that shows how the various code pieces work together on different platforms?
Great explanation
Right on James thank u!
Hi Gerard,
When I click "Pair toMac" , I get : cannot create a file when that file already exists.
Thanks
great video. Thanks James.
Glad you enjoyed it
Thanks for this great explanation!
I'm a javascript programmer and I would like to learn C#.
A general question: do you think that there is future for Winforms and WPF applications?
Thank you.
Thanks for the information really cool!
No problem!
Great explanation 👍👍
This is awesome!!! Thanks mate
This is incredible but I have one question though. Would it be possible to have a .Net Maui application that uses majorly xaml (that is the normal way using MVVM) and then just brings in blazor for maybe one or two pages and vice versa?
Great video !!!!
A Question:
For the development of a new "business application", what do you recommend Blazor or MAUI?
Is Blazor destined to end up like SilverLight?
Thanks James.
Lol man, it's a very good explanation I like the way you define those features, from what I see That MAUI is the future of app developers. by the way thanks for mentioning Visual Basic language ( my favorite language :) ).
even I didn't see a way to code Xamarin with VB.
I try to install vs 2022 and I didn't find MAUI as an option for installation maybe I miss something.
another thing what about the Linux system (Respray PI), Does MAUI support it or not?
again thanks for ur nice work and the good solid tutorial you always presented.
For now you need the latest Visual Studio preview to see the MAUI workloads, Linux is still just under consideration.
Thank you James
Great video :)
What is the difference between Maui and Avaloniaui? In what situations would one be used in preference to the other? Which of the two is best suited for writing C# code for Android tablet for example?
I prefer the in-detail code videos over presentations, however you can edit them more and summerise but I know that takes a lot of time and I appreciate the effort and time so I don't mind at all.
Hey James, nice video, Is .net MAUI also have bridge like React native? How different its high level architecture as compared to React native
James, any place where we can report issues found in MAUI. I have already a couple ...
Can’t wait to start hybrid!
is it possible to use GRPC in the Blazor MAUI project?
This is a great video. I listened to it several time. I have one question that I can't seem to figure out. I want to develop my app and target the web browser and deploy to native windows apps. I can't figure out how to deploy to the web browser. I have seen reference to creating a Blazer project and then add ing that the .NET Maui solution and sharing components. Is that how it is done? Are there any examples anywhere of this?
Thank James :)
if i was building a blazor - .net maui hybrid app that was for example an adobe illustrator clone. what kind of graphics library would be used for the windowed non-gadget drawing/rendering? what if we wanted to add 3d interactive elements to our interface. what 3d library for a blazor - .net maui hybrid? openGL or Vulkan and hope it is supported on user's device?
James, I'm giving MAUI a try after ditching Xamarin years ago and writing apps in Java and Swift. My first app is working great but the android emulator is horribly slow while ios simulator is fast. Any ideas what could be causing this? Setup is VS 2022 enterprise windows using the latest version of VS. I did change my config.ini to hw.mainKeys=yes from no as suggested in a stack overflow post. That worked for a while but is now slow again. Thanks!
Hi James, I like your teaching style! Thank you for this wonderful explanation about .NET MAUI.
I have a question. How can I reduce the file size of the APK after rebuilding? I have noticed the file size is large. Is it normal?
I have built 3 .Net Maui projects in VS Community Preview v.17.3.0 Preview 1.1. However, they will not run. The error message points to Microsoft.WindowsAppRuntime.1.0.msix failing to install. It is present on the PC. Should I care about MAUI if all I want to do is build Windows Blazor hybrid apps? Many thanks - will appreciate any help.
Thank you for overview. How to do full screen in .net maui blazor window screen?
Why Flyout menu on Android is still lagging on close like with Xamarin forms?
Thanks J!
Can please tell me what technology / framework to learn for maui if wanted to make online app hosted in server
I m beginner i have learned xaml and c# basic / intermediate learning
Any roadmaps for migrating existing xamarin projects to Maui or existing winForms apps?
Many thanks for the very informative video. I have an old VB6 windows-desktop application for engineers, doing calculations for bolted connections drawing to screen, saving data to files etc. Now I want to bring my development to the future with c# and .net MAUI but where and how to get started? How to load and save files in .net MAUI, how to draw my graphics to a canvas etc? I hope that you are telling the truth, and not just announcing and promising over and over again.
Yeah! So... Files are easy... System.IO! The same thing you have always used :) for Canvas drawing... 2 ways... there is a built in API docs.microsoft.com/en-us/dotnet/maui/user-interface/graphics/ and also a full control github.com/communitytoolkit/maui
Building UI components in C#... is a dream 😍😍. Like flutter
One question: how does WinUI3 relate to MAUI? Is it already old? Thanks in advance!
.NET MAUI on windows is built on WinUI 3 :)
@@JamesMontemagno Sorry, I just realized I wrote the question badly... What i mean, is: If I want to write a desktop app, should I build it using WinUI3 "natively" or using WinUI3 through MAUI? What are the differences? Using MAUI, do I have all the functionality of WinUI3? If yes, I'd use MAUI cause I'd have an advantage in case I want to create mobile apps later down the road. What do you think? Thanks in advance!
Are people actually building stuff in WinUI? I mean it isn't WPF but more a behind the scenes kind of technology
@@lucademarco5969 Maui is a bridge between the native api of different playforms
Using winui3 will be the same as Maui but it allows you to expend to iOS Android and macos on the futur
James, I have been searching for a simple tutorial that demonstrates a Maui Blazor Hybrid case. Can you please point me in the right direction. I am currently building a blazor wasm app with a REST Web API as the back end. I want to use the blazor UI components from my Blazor app in a MAUI app and also use the same Web API in the MAUI app.
That is the kind of tutorial I am looking for. PS. I am still learning blazor but I finally got my head around it and now I want to start learning the MAUI side of things. Thanks in advance...
Checkout the podcast app - github.com/microsoft/dotnet-podcasts great sample for blazor hybrid
How should we structure (separatation) solutions if we want to reuse blazor pages/components for both - web and maui?
Checkout th-cam.com/video/ojcvL8KCOwo/w-d-xo.html
Hi James. What if you don't want to make mobile and desktop apps from the same codebase, but more typical mobile and website from same codebase... I can't find af way to do this without making to separate projects in VS 2022, and then it just some shared components. Can you help?
Yes, as I mentioned at the end you can use Blazor Hybrid docs.microsoft.com/en-us/aspnet/core/blazor/hybrid/?view=aspnetcore-6.0 which enables you to take your Blazor components and bundle them into the .NET MAUI app
After installed mobile apps via vs installer and I went to create a project and was expecting to be able to create a library that I could then use on any platform. The projects are all specific to a platform, you have to pick Ios or Android etc. That's fine when I want to use platform specific features but your presentation implies that I could have a cross platform library that runs anywhere I think. Is there a way to have a cross platform business logic library that accesses common device features?
Correct you can write platform specific code or use the built in APIs that have already been abstracted out. The docs are still being finalized, but checkout github.com/dotnet/maui/wiki/Migrating-to-RC1
I wanted to learn Xamarin, do you guys think it's worth learning it and then evolving to MAUI later or should I start with MAUI?
Checkout my video on this subject th-cam.com/video/zvPPz6DABi8/w-d-xo.html
Great video. The captions though. 😂
😂
great!!!
thanks
Does it compile into executable file when it used windows desktop ?
For windows packaging checkout: docs.microsoft.com/en-us/dotnet/maui/windows/deployment/overview
Sold!
Excellent intro by mr. Montemagno. It's still a great shame nevertheless that XAML is tedious to develop GUI's and therefore the choice for desktop application GUI tooling remains a serious challenge. MS simply refuses to solve this.
Hi James, can you please guide me on how to render markdown format text in MAUI
Great presentation, but I disagree about the performance regarding android, the android app generated is so laggy
Should work OK in an actual android device. At least for me. Emulator laggy.
Emulator performance is highly dependent on your cpu. I went from a r5 3600 to a r7 5700x and my previously slow app runs like a cheetah now.
I don't use an emulator, i would rather test on my android 11 device
@@THE_NE0 of course Xamarin forms android app doesn't run smoothly on Android devices with Mediatek processor (budget Android phones) and we all know that those are the dominant Android devices in the market.
try developing android app in xamarin forms and submit it to play console and wait for the bad reviews from users, because the bad reviews will definitely come
@@anasabubakar4125 my mediatek CPU can run smoothly 3D games and some very heavy apps, why it isnt capable of running xamarin apps? maybe its not the mediatek problem?
Hey James, how maui render gui? It have the engine same skia flutter?
By default all of the controls are native controls that are rendered. There is full drawing api and a full Skia api as well. Lots of great community projects for custom built drawn controls as well such as github.com/jsuarezruiz/AlohaKit
@@JamesMontemagno Thanks for replay James, i get it.
Linux during this video: Am I joke to you?
Microsoft is doing (almost did) a great job in reworking and combining best stuff from WPF & Xamarin resulting in MAUI. WPF is Windows only, Xamaring is for MacOs, IOS and Android. So the fact, that Linux is missing in MAUI is explainable. MAUI is fully cross-platform in mobile world and it is great. However, we can't say just yet that "MAUI is fully cross-platform desktop development framework" because of Linux. I hope, MS will add Linux support in the future.
I see a lot of people clowning on Microsoft for not supporting linux but i've seen no one actually solving the problem by making a well maintened community fork of Maui supporting linux
@@thisisntmymainaccount7923 people are doing that now. Also, why is it the job of "the community" to support Linux. Mac OS isn't community supported. Yes, Linux is small but if Maui wants to compete with other true cross platform solutions like Flutter it is a disadvantage. There is really no new framework nowadays that claims to be cross-platform and does not support Linux
conflict of interest .
@@computerfan1079 because Microsoft wants money. You said it yourself : why would they ""waste"" Time and money to have a solution which 1% of users will use. Also comparing with flutter doesn't works because of their architecture (skia engine vs native controlls)
Don't get me wrong I love linux and i used to daily drive it (still kinda do with wsl) but Maui wants to create native experience and there isn't any official native api for linux. Sure gtk might get things working but that leads to issues
.NET MAUI is starting with iOS/Android/macOS/Windows (with Tizen from Samsung as well). You have to start somewhere and can always add more platforms. This is what other frameworks has done and what we have seen the team continue to do. In fact there is a full Linux project right now github.com/jsuarezruiz/maui-linux
thanks for the video James, consult, when will the final version of Blazor Hybrid be?
They ship at the same time!
Hi thanks for your great videos.
Will wpf technology be abolished then?
Hi James, How can we publish Windows executable files (not MSIX) in MAUI? Any idea when that feature is going to be available? Thank you for all the great content.
.NET MAUI uses the Windows App SDK and WinUI 3 so just MSIX i believe. Checkout publishing information here: docs.microsoft.com/en-us/dotnet/maui/windows/deployment/overview
@@JamesMontemagno The document says "You can't yet publish a Windows executable file". Do you have any roadmap when Microsoft will make it available? Whom should I contact to get more details? We wanted to rewrite our projects using MAUI, but we need Windows exe file and dlls to automatically update our machines with new releases. Any related information is greatly appreciated. Thank you.
Hi James. Where can we get the slide?
Slides can be found in the workshop github link in the description
When starting a project from scratch, and you're unknown whether to choose .net maui or blazor hybrid...Is there a path, where you already have a .net maui project, and want to transition to or add blazor hybrid? Or should you start the project with blazor hybrid?
Either is fine, if you are all blazor then start there with blazor hybird, but you can add in blazor hybrid support later: learn.microsoft.com/en-us/dotnet/maui/user-interface/controls/blazorwebview?view=net-maui-8.0
goooood
im really excited about MAUI, my only concern is the xmlhtml markups sicne i'm not big fan of xml, and would love to see something more traditionally front end like
Take a look at dev.to/davidortinau/c-ui-and-net-hot-reload-a-match-made-in-net-maui-243f you can build everything in c# as well
Do you need to know XAML to develope .NET MAUI applications, or can one get by fine with only C#?
You can do it all in c#. Two libraries to look at. First is c# markup for .net Maui and the other is MauiReactor which is MVU style
@@JamesMontemagno What would you as a MAUI developer recommend? I'm open to learn what I need to, to make the best possible application.
When is Don and Maui going to be available for Mac 2022?
13:00 so far everything is very similar to Xamarin. Where does the divergence happen from Xamarin? I hope I get that answer in this video :D
30:37 I get the difference now.
Could not find a single demo MAUI Blazor app that works on an iphone AND uses platform services besides Connectivity, say like Media. Please provide one or redirect to one. I tried using Media, Test Flight and it crashes on an iPhone :(
Take a look at github.com/microsoft/dotnet-podcasts
@@JamesMontemagno Thanks. Has it been tested on a iphone device?
Hello ! Xamarin Forms with RTMP please ?
QUESTION: How to design XAML UI Graphically using MAUI Project in VS 2023 ?
XAML seams to be a power tool to design UIs, but I have a problem. I'm using VS 2022'S MAUI project template, but I want to desing the XAML (MainPage.xaml) using a graphic designer. I hear that VS 2022 has a XAML Designer tool, but I can't get it to open under a MAUI project.
Can you get it to work and show us how to do that under a MAUI project?
Furthermore, there is a tool called XAML Studio available in Windows Store. I tried using it to design a MAUI XAML page, but I can't see many of the key XML tags that MAUI XAML uses in VS 2022.
Can you make sense of this and explain to us how it all works?
I will try to answer as best as I can based on my experience. James may be able to expand on or correct anything I might be incorrect on. I have typically preferred having a wysiwyg tool for user interfaces. But, .Net Maui is changing that for me.
First of all, XAML is the markup language that Microsoft created for designing WPF forms and Xamarin forms. But XAML for WPF is somewhat different than XAML for Xamarin forms. Maybe the difference isn't significant enough to change the XAML extension for each.
But then again, in my opinion, if they are different, then there is no point in keeping the "XAML" extension the same. Maybe make the extension WXML for WPF forms.
The thing to note here is both are called XAML, but they are different. So think of XAML as more of a generic term for different types of files that all have the extension XAML. And think of XAML as a markup language ruleset from which new variants of XAML are derived. They all fall ínto the XAML category, but aren't completely the same or compatible.
Now enters Dot Net Maui... aaand, yep, you guessed it : XAML forms! But these XAML forms don't match WPF XAML or Xamarin XAML forms. If a Xamarin project is going to be converted to Maui, all the Xamarin XAML forms have to be converted into Maui XAML forms.
The thing I don't prefer about this is keeping the XAML extension. They are but the same thing. I think the should have requested Maui XAML files to have an extension like MXML or something.
So, getting to your question about how to design XAML UI graphically using Maui in Visuak studio: The Best way in my opinion is to edit the MAUI-XAML files directly. You probably can't use a XAML designer from the past because they won't worh with MAUI-XAML.
When you edit the XAML files directly try to stay focused on that and but the code behind. Try to make big changes in the UI by editing the MAUI-XAML only. If you can avoid having to recompile the project then you can hot rod your MAUI-XAML files as you make changes to them. This is pretty nice.
Hot reload happens whike you are in debug mode. If you are in debug mode, you can view your app (let's say that renders in the browser) . Each time you change the MAUI-XAML file it automatically updates the browser with the change.
So edit the MAUI-XAML files directly and use the hot reload feature to see your changes right away.
And yes, a XAML studio app doesn't tell you what type of flavor of XAML it supports. Probably just Xamarin-XAML and not MAUI-XAML
Is the MediaElement available on .NET Maui?
I don’t think it is in the toolkit yet but see www.davidbritch.com/2022/07/playing-video-with-net-maui_28.html?m=1
good
Where can I find some actual MAUI Blazor example code/solutions please? Would love love love a tutorial on turning an MVC app into a native app
Checkout the podcast app sample github.com/microsoft/dotnet-podcasts
@@JamesMontemagno Thanks for the Blazor example, but I can't seem to find any documentation or anything referencing both MVC and MAUI?
Nice video. How to reach Android Bluetooth from Xamarin Forms or .net MAUI? What is the state of Bluetooth Low Energy in some sorts of Essentials?
I use the Plugin.BLE NuGet
@@JamesMontemagno Thank you. I encounter difficulties which may depend on me.
Today, do you think C# ecosystem lacks libraries and set limits for C# developers, as .Net stack was not open source, in comparison with ecosystem of Python, JS, and Java which were growing rapidly and still are?
No, there are a plethora of packages to do just about anything www.nuget.org/
IF I want to learn hybrid maui should i learn this playlist first ?
Best resources for Blazor Hybrid and .NET MAUI for beginners! #dotnetmaui #coding #blazor