.NET MAUI Architecture Overview [3 of 8] | .NET MAUI for Beginners

Learn more ➡️ learn.microsoft.com/training/...
Welcome to the .NET MAUI for Beginners Series where you will learn the basics of building multi-platform apps with .NET MAUI for iOS, Android, macOS, and Windows from a shared C# code base. In this video, James walks through getting started with your first app and talks through all of the different components of how a .NET MAUI application is structured, how it features cross-platform resources including fonts, images, and assets, and talks about how to configure the app and how it starts up. He then shows off how to create your first project from Visual Studio, deploy it on to different platforms and many of the tools included such as XAML and C# hot reload.
.NET MAUI for Beginners series playlist: aka.ms/dotnet/beginnervideos/...
Follow along: aka.ms/dotnet/beginnervideos/...
4 Hour .NET MAUI Workshop: • Learn .NET MAUI - Full...
Follow James:
- James on KZbin: / jamesmontemagno
- James on Twitter: / jamesmontemagno
Links:
- .NET MAUI Self-guided Learning on Microsoft Learn: aka.ms/dotnetmaui-beginner/ms...
- .NET MAUI Website: aka.ms/dotnetmaui-beginner/we...
- Install .NET MAUI: aka.ms/dotnetmaui-beginner/in...
- My Tasks Sample: aka.ms/dotnetmaui-beginner/my...
- .NET MAUI Documentation: aka.ms/dotnetmaui-beginner/docs
- .NET MAUI on GitHub: aka.ms/dotnetmaui-beginner/gi...
- .NET MAUI Workshop: aka.ms/maui-workshop
- .NET Community Toolkit Docs: aka.ms/dotnetmaui-beginner/to...
- .NET Community Toolkit GitHub: aka.ms/dotnetmaui-beginner/to...
- More .NET Beginner Series Videos: dot.net/videos
- .NET KZbin - / dotnet
- .NET on Twitter - / dotnet
#dotnet #dotnetmaui #ios #android #windows #macos #csharp
🙋‍♀️🙋‍♂️ Get your questions answered on the Microsoft Q&A for .NET: aka.ms/dotnet-qa
🏫 Learn C#, F#, and .NET with free self-guided learning from Microsoft Learn: aka.ms/learndotnet

[@baseljuma158]

Finally I found a tutorial for Microsoft tool that shows me how, what and why in detailes... I hope the rest of the tutorial is in the same line

[@marcinzale]

Good job! Well explained! Thanks!

[@Bee4Brendan]

I feel like a lot of Company's will take advantage of this. It's looking like this is worth a deep dive.

[@shbita]

Great Tutorial , Thanks!

[@hansmuster5291]

that was a cool compile sound

[@sirinebibicha2024]

Amazing video..very cool thanks..

[@liquidscorpion4217]

si se puede desarrollar para tizen tambien para Wear OS?

[@antoniovargas8512]

In the minute 8:24 we have a function called OnCounterClicked with two parameters (object sender and EventArgs e) mi question is: both of these parameters which is their job or task or function in the OnCounterClicked method??

[@johnlowietorion8832]

Is the XAML live preview still available?

[@mrmuzeza113]

Thanks for the content james💌

[@akk5830]

This series is so cool. Thanks

[@MenachemRosi]

How is it cool and how can you tell that right at the begin? you trippin bro?

[@abidalisidd]

Creating a UI using XAML code is bizarre for me. Is there any toolbox to create UI ?

[@sumitdawrani4806]

what is your pc specs and how much time it takes to debug android emulator

[@lukelyons9606]

I am trying to run the android emulator while simultaneously viewing the "live tree" which I found in my version named as "document outline" - I can't see the live tree while debugging. I should mention I'm using a Mac mini with an M1 chip that seems to be causing me more headaches than anything. Thoughts?

[@macalin8232]

What is the Microsoft recommended IDE to use on MacOs devices, now that Visual Studio for Mac will not get support after the summer of 2024?

[@vasanthcanny]

i cant see MAUI option under project creation .. PS. i have installed VS2022 community edition and enabled mobile platform while instation

[@sheriffcrandy]

12:41 is the best part

[@professor_stevens6784]

Why are there two stars (asterisks) in "Resources\Raw\**" at Line 48 of the project file? (5m28s)

[@user-dq2zn4wc7r]

What is meant by "services" in a MAUI app? I'm used to Windows services but they seem to mean something different in MAUI, and none of the training material I've seen explains it.

[@essam8364]

my first app show this error.. Platform version is not present for one or more target framework, even though they have specified a platform:net6.0-maccatalyst . and there is a yellow triangle on dependencies on each packages of each dependency, even though they are instaled as nuget pkg... please help me, I had download all workloads android and windows and mac and ios using command and also maui, but never help.

[@semnal.m2581]

Even MIT App Inventor has drag & drop controls and you come with XAML editor to create UI? You missed your chance from the start.

[@androiddeveloperz]

i still remeber the xamarin days . aah what a bad decission of learning xamarin forms

[@arifuljannatarif4481]

We are trying to escaping from xml in android development and they are starting with xml and those messy staffs again.

[@shohagismaddoha1348]

Lots of love bro

[@ahmeddrago]

very good

[@ssudharsan5615]

Hello I am using windows 10 x 64 OS. When I try to run the MAUI App by clicking debug(F5) I'm getting the above error " Task -'WinAppSdkGenerateAppxPackageRecipe' failed the specified module could not be found " Does Anyone has any idea about this error...?? :(

[@dotnet]

Hmmm are you able to open a ticket on github.com/dotnet/maui

[@SKRUBL0RD]

there really needs to be a visual way to do this, not just writing XAML. anything XML related just annoys me to no end

[@kombosabinho]

completly agree with this. microsoft is delusional if they think we gonna build apps visually by just writing code

[@SKRUBL0RD]

@@kombosabinho it's the big weak point to mass adoption

[@poetryflynn3712]

If you dig a bit, you can do it almost entirely in C#.

[@kwafoisaac4133]

How do I create a login

[@ElliotBarr-ny5nm]

When I launch the debug on the Android emulator or the ios emulator I get the home screen of an android device or an iPhone device, not the app. When I launch on the Windows emulator, I get the app, could you know why this is?

[@Joshua-uq9zw]

same...

[@user-ry5ks3hg6y]

First time lauching the app takes a lot of minutes to load the app. if you go at the menu you will see the app. Click on it and then it will do hot reload by itself. that is at least what happend with mine

[@nicolasanderson5881]

my visual studio is not showing that XAML Live Preview, can you show where can i find this window?

[@dotnet]

Take a look here: docs.microsoft.com/en-us/visualstudio/xaml-tools/xaml-live-preview?view=vs-2022

[@annagultyayeva3094]

@@dotnet I think I'm blind, but no I don't have this in my VS. So I, guessing maybe I didn't install all packages ...

[@cindrmon]

@@dotnet same for me.. i don't have options for XAML Live Preview and XAML View Tree.. what version of VS 2022 must i need to have this?

[@annagultyayeva3094]

@@cindrmon oh I didn't find answer to :/ That actually stops me from learning further about this technology

[@cindrmon]

@@annagultyayeva3094 and yea.. i was really looking forward to working with .net maui as well, as a successor to xamarin and wpf.. but having these kinds of issues in the DX side, kind of a turn-off..

[@schecher_1]

10:12 :D

[@nestrog8105]

7:15

[@420Sumanta]

I have been DotNet wrong my entire life. It is pronounced as Dana

[@Taki7o7]

POV trying MAUI in 2023: Boilerplate does not even work :D

[@nigelnaicker7948]

still doesnt work in 2024 :D

[@arindomghosh3144]

First of all whats the point of having a cross platform Framework if you can't even provide a stable Development environment for on both Mac and windows. "VS Code" is no more available for mac users and secondly in age of Declarative Design Pattern you still stuck in xaml???. Not sure seems too late and actually nothing new to offer.

[@Warpgatez]

Noise alert @ 10:12. Headphone wearers be aware.

[@torgmeister]

as a human, I absolutely DESPISE having to edit XML files (or XAML) to make a UI do something. Fine if you have programs that read/write xml. But if your solution to anything is "just edit the xml", you've lost me. You're just telling me you've not even attempted to make proper tools..

[@kevinschaeffer3262]

I think the Xaml files are the UI.. This tool lets you write it once and it works on many different devices. I've seen the xml file type in other contexts like data transfer but I have a pretty good time editing XAML in visual studio.

[@torgmeister]

@@kevinschaeffer3262 I think they've completely lost the plot. In winforms I can visually create a UI and boiler plate code and other things I don't care about is generated for me. Here there is no tool at all. You have to edit xml to make a UI appear. Which I have zero interest in doing.

[@cindrmon]

based on what i have searched about XAML, they used to have what's called XAML Designer, which is similar to the drag-n-drop winforms ui designer for XAML.. but unfortunately, i don't really know if it works or not, despite having it enabled on VS 2022.. the DX suddenly sucked even more with v17.4.x when the aforementioned XAML Live Preview and XAML Hot Reload doesn't work as advertised in the video presenting it so.. it doesn't appear in VS 2022, nor it shows up on the app running in debug mode.. the troubleshooting for it is absolutely useless because i have already followed all the steps which lead me to nothing.. it is quite unfortunate for such an aspiring tool to make cross-platform apps have such a rough DX..

[@CarlosWashingtonMercado]

Honestly I think that you haven't been able to see the advantages of using xaml. Yes, it may be a pain in the back but that kind of technology has its own advantages, and as you can see they already have their their own designer for Visual Studio. I was really long reluctant at first to but I've changed my mind. Let me ask you a question here, what other solutions or alternatives to this do you have in mind? Maybe it's just me that I don't know anything else different or better than what they're offering here.

[@torgmeister]

@@CarlosWashingtonMercado xml is a format that gui tools should create. I don't want to edit text to make a UI appear. MFC/Winforms/etc We could create a UI and the glue/boilerplate was created. Like I said back then, when someone wants to demo "new technology" and they start editing xml to make things happen. I'm not interested. In my mind humans are not meant to create xml, programs are meant to read and write it.

[@nigelnaicker7948]

this platform is not stable a year after this video, god help u if u try to even start from scratch like this guy does, the template wont build, nor can you debug like he is doing, such utter rubbish.

[@behemothokun]

Hmm, strange. Works fine for me, about debugging, sure your hypervisor is active and Set up correctly?

[@SuperOccult]

what is code behind appshellxaml.cs ?