Blazor Hybrid (+.NET MAUI) Tutorial for Beginners - Build mobile, desktop, & web apps with C#

Let's start our journey together to build beautiful hybrid multi-platform apps across mobile, desktop, and web with .NET MAUI, Blazor, C#, .NET, and Visual Studio! In this video I am going to guide you through the entire process and describe everything that is in File - New Project for a Blazor Hybrid app with .NET MAUI to build hybrid web apps for iOS, Android, macOS, and Windows. We then will look at how to share Blazor components across these platforms and a full Blazor website. That's right, target mobile, desktop, and the web and share UI components and logic across them all. We will explore what Blazor Hybrid is, how it works, what you need to get started, how to deploy and debug, navigate, style your app, and so much more. We of course will finish with looking at how to mix and match UI components to build a Hybrid app, access native APIs, and so much more!

Links:

Join this channel to get access to perks:

Follow:

Chapters:
00:00 - Intro
02:10 - .NET MAUI & Blazor Overview
08:16 - Sponsor: Skillshare
09:56 - Get Started with Blazor Hybrid with Visual Studio 2022
10:40 - Creating your first Blazor Hybrid project
12:10 - Exploring Blazor Hybrid projects
16:28 - App startup, dependency injection, and main page with BlazorWebView
20:00 - Deploy Blazor Hybrid to Windows
22:30 - Deploy Blazor Hybrid to Android (emulators and management)
24:00 - Access native APIs in Blazor Hybrid
29:45 - Deploying to iOS and Mac
30:25 - Share code between Blazor web apps and hybrid apps
34:30 - Mixing and Matching Web and Native UI
41:30 - Platform specific UI tweaks
42:30 - Wrap-up and final thoughts

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.

Special thanks to Skillshare for sponsoring this video.

My Setup:

#dotnet #blazor #dotnetmaui #blazorhybrid #programming #aspnetcore #visualstudio

[jholloway]

I used Blazor Hybrid for a school assignment yesterday. It is really easy to use!

It did not take long to create an application which connected to a MySql database, and designing the Razor pages was very straight forward.
Fingers crossed that I get a good mark and the instructor appreciates the excessive cat photos included in the app!

[emreaka]

Thank you, James! It's really good to see more MAUI Blazor content :)

[mk-epyk]

I've heard it before, but never studied it in such detail. you got me to start xamarin again and i'm still going🙃😊🙏🙏

[michael_azzer]

This video is amazing! I appreciate how you go into depth and explain everything clearly and simply. You have a great way of making complex topics easy to understand. Thank you for sharing your knowledge and insights with us.

[jd]

All of this is incredible stuff. Thanks for the great video!

[cernunox]

This is a great way to modernize apps, the company I work for it's creating a desktop app with WPF + Syncfusion UI but also wants to create a mobile app to work alongside the desktop app, with this I can migrate the WPF app to MAUI and use the Syncfusion Blazor compontents to counter the lack of Syncfusion MAUI components! Truly awesome way to develop applications.

[ricardoaraoz]

Great content, thank you James for doing these videos. Awesome Stuff!

[alkready]

Just the right level of info I was looking for.

[willshadow]

Great video as always James. Thanks a lot

[i_youtube_]

This tour made the power of .Net stack clear to me.

[pvmvkdr]

Excellent tutorial for beginners. I just subscribed to your YouTube channel, thank you.

[acodersjourney]

Thanks for being a reliable source of knowledge.

[xzhmnry]

Great overview. This was really informative.

[jordansali]

Thank you Sir James for the very informative video.

[wanderingchords]

At work, but I'm gonna give this a watch tomorrow. Cant wait!

[raphaellukas]

Thank you very much for this video. Now I took the first step into mobile development and I am already looking forward to learn more. :-) *thumbs up*

[zeetsoft]

Thank you for sharing. I love Microsoft as if it comes to make things easy, they are the one. Quoting context of Steave "Its difficult to make things easy and simple". Long live Microsoft. I learnted both blazor and xamrin from long time but there was a confusion as how to mix those knolwege. This video added lots of sens and I am sure now i can complete those pending works with my favorite .NET 7. Cheers.

[lalallalala]

Thank you so much for this tutorial :D ur the best !

[HebrewLiteracy]

I'm a realtime embedded developer out of the game for a while looking to cross over to the other side; thanks for this nice overview of Maui + Blazor. Subscribed, Liked ... -Jeremiah

[codymckinney]

ive migrated here. haha love the videos