.NET MAUI Preview 10 - Build native and hybrid apps with C# and Visual Studio 2022

it has been an exciting week with dot net six launching visual studio 2022 launching and dot net maui preview 10 oh and dot net conf all happening this week it's so much excitement i'm gonna break it all down for you today as we explore donna maui preview 10. so tune [Music] in hey everyone i'm james and i'm back with another.net maui preview video and this one's an exciting one because net maui preview 10 was featured at the dot net conf keynote.netcomp is the.net conference from microsoft and the dot net foundation and the community that happens every single year and this year dot net six launched and beside it the brand new preview of donna maui and i got to work on with an amazing team of individuals the keynote demo application that i'm going to show off today i mean it's going to be open source and maybe by the time that you watch this video so check the show notes below but let's get into it because our good friend david had an amazing blog post talking about everything new in donna maui preview 10 but even before we go into that let's go over to the.net youtube people because.net conf 2021 is happening and there's all sorts of amazing videos every time i refresh this page new videos are coming up look at this elon talking about donna maui blazer oh i'm going to talk about it today oh kendra with testing miko with all the rosalind amazingness minimal apis oh my goodness ef core asp.net component blazer components donna maui toolkit oh my gosh there's so much good stuff in here so good check it out c sharp 10 ooh c sharp 10. i'm going to talk about some of that stuff today but also head to the visual studio youtube because also visual studio 2022 launch and there's some basic videos on vs 2022 you're going to want to watch all of these just binge all of them it's your weekend it's your week it's everything it's so great check it all out but now maui proved 10 people so it came for now what's cool about this is that visual studio 2022 launched now if you've been following along with all my preview videos and testing things out ahead of time you will probably already have visual studio 2022 preview installed to up and then you can update to visual studio 2022 preview 17.1 now if you haven't installed anything at all david shows right here that the donet maui workload that we see in the installer is part of the 17.1 preview since maui is in preview you need the preview installed but you can have the full side-by-side install of 2019 2022 the 2022 preview anything you want they're all there so let's actually check that out really quick here it is boom now as you can see i have 2019 side by side 17.1 preview one i'm going to hit modify and all you need to do to install don maui is install the asp.net web workload if you want to do the blazer stuff then you'll also need the mobile.net stuff here see and when you tap on it you want to make sure that.net maui preview is checked there that's going to give you all the bits if you want to do windows make sure you install the windows platform for development right there i don't believe you need the c plus one anymore i just have it just because we used to need it but i don't think we need it anymore there's no longer any additional um extensions or anything like that installed it installs everything for you and you're good to go awesome now also in the blog post david talked about some new handlers which are really cool i'm going to show those off today there's a whole bunch of release notes over here but collection view and indicator fully updated and optimized vertical text alignment text transform also updated all sorts of goodness here look at those monkeys i'm glad my monkey data is back it's being used and it's beautiful i love it it's beautiful i just i just absolutely love it anyways there's a bunch of stuff in there that's pretty much it really straightforward but there's all sorts of guys look at all these amazing things that are happening here now i will say this um my my update that i had which was about the templates didn't quite make it in this release but hopefully next time we'll get it in and get it going let's talk about dot net comp because at dot net comp keynote the net podcast app was shown off and this is the app that i got to work on with an amazing team of individuals from my team from the product team from an amazing company called plain concepts that we work with often to test out and build awesome demos and things like that as well so this was a fun one because it's a podcast app and i'm a podcaster well there's my podcast i wonder who came up with this data inside of here it's just really really stunning application for both web and desktop and mobile so here's the windows app here's the android application and if i was to go and pull up the browser we could actually go over here and actually here it is right over here right on the browser which is pretty cool all right that's blazer application which is really really neat okay so what do we want to do in this application well it's podcast app so i can go check out podcasts i can tap on episodes i can listen to it later and go check it out over here here's the maui one i'm subscribed to it i can go over here and check it out for my subscriptions i can search for episodes i can go into settings i can do light mode dark mode i can listen later if i save stuff which is cool over here i can check my subscriptions i can unsubscribe i can resubscribe to something else let me just resubscribe the don and maui podcast great podcast over there all the good stuff that you would uh imagine right and there's light mode and dark mode so you can toggle the modes if you want which is really cool and additionally there is a really really cool mode i'm going to show off here called listen together so what's neat about this is i'm going to go and open a room over here on the web app i'm going to listen to gather over here what's cool about this view is i say windows i'm going to say join and go over here i'm going to say android hit join and now i can actually listen to this podcast with all of my friends across the different browsers so if i hit play over here it's going to start playing on all of the different outlets i'm listening to it right now and we can actually see that i can send emojis between all of the different um all the different is my favorite part they're listening together insider between all the different browsers and stuff like that so it's really cool you can see what we're listening to we can check out the native playback and it pauses and it rewinds it does all this stuff which is cool when i'm done i just leave the room and that's all powered by signal r in the back end which is really really neat so that is the dot net podcast app like i said it's going to be open source so you can check it out across blazer and don done maui and also the back end services which are powered by minimal api signal r worker services and the brand new azure container apps too this is the application it's pretty spectacular though i love it and this is that discover page so if i go to this discover page here this is what that is right there and what i wanted to show off is that they're using uh or using in this application reusable controls so we have a header view up top here so we actually like look up top here this is this header view and if i go into the controls you can see i have a header view here that has on platform so it shows different on desktop versus mobile which is really neat then in the middle we have a big collection view of grouped podcasts it's using vertical spans and rows and based on phone tablet desktop shows different amount of items then we have this data template again reusable items like i talked about earlier here's the show item view and again this is using grids and labels to display the information and then we even have grouped headers so again we've covered this in a lot of my don maui and xamarin 101 videos and then the player down here at the bottom and the player actually uses native playback on the different platforms when things are playing so if i go into the platforms folder and actually go into the audio service we're going to see that we're going to have android media you know we're going to have is playing instances of it if i go into windows there's an audio service there that it's talking to and playing back audio natively on each platform with different integrations which is really cool it's going to have all the things that you know and love so if i go again into the resources we have fonts like cigo ui all the images svg and pngs string res x's styles that are in here and even our splash icons are all inside of there which is really really neat now for that control actually what's cool is that the blazer components are all being brought in here so if i go into the maui program what we'll be able to see is that one it's using all the brand new c sharp 10 features and global using so look at all those global uses including including mvvm helpers oh don't forget we've got that monkey cache in there but what we can see is that we have our app builder and it's using xamarin essential or don maui essentials i should say it's configuring different services and registering the blazer maui webview so what's nice about that is that you can mix and match as much or as little blazer as you want in there and if i go into my listen together page we're going to see that here is my blazer webview component which is pulling in and it's even dynamically themed which is really really neat um again it has a player in here so this is cool this is mixing and matching both the blazer webview and that player control so on the web it uses the web player and then on the native platforms use the native platform player which i think is just super duper neat what else i want to show often here talked about the global usings which i think are really neat uh inside of here we can see it's the same good old stuff that we're used to application id version number supported platforms and then of course it's just using some popular packages like extensions http monkey cache file store mvvm helpers the things you know and love and that's pretty much it and here's some resex files that that are inside of there now of course you'll be able to explore this more once it is out on github i'm working with that team now so even by the time you watch this it might already be out so definitely give it a look if you head over to the um the github page that i'll put in the show notes whenever it's available and also check out the dotnet blog because i will be putting a post over there but that's going to do it for this sort of walk through of all the new hotness that is inside of netmaui preview 10. it's one click away to get started and of course even inside of that blog post david talks about all the newness coming in migration wizards and of course the roadmap too so definitely check that out and again i'm gonna put all the links down there if you like this video give it a thumbs up and then of course subscribe hit that notification bell so i put out videos every single week here on my youtube um and of course i'm gonna get back into streaming i'll figure that out but you can always check me out at twitch.tv jamesmontomagno and for all my blogs montemagner.com but that's going to do it for this week thank you so much for walking watching and i hope that everyone has an amazing morning evening afternoon wherever you're at i'll talk to you later peace [Music]

Channel: James Montemagno

Views: 12,249

Keywords: .net maui, maui, collectionview, .net podcasts, dotnet maui, xamarin.forms, xamarin, ios, android, windows, winui, macos

Id: qH2MdEVuzxs

Length: 11min 57sec (717 seconds)

Published: Thu Nov 11 2021