This is incredible! As an avid Angular frontend and C# backend developer, this couldn't have come at a better time. At work, I've been given a project to develop an app that interacts with NFC chips from loggers on our pallets, used by businesses from grocery stores to restaurants. My main challenge was the lack of support for Web Bluetooth, Web NFC, and Web USB APIs on Apple devices, which led me to rethink my Angular PWA approach. With this .NET MAUI HybridWebView, I'm optimistic that I can integrate the UI I prefer with the essential native functionalities. Here's hoping it's compatible with iOS!
This came at a perfect time for me as I had been tinkering with a TradingView Lightweight chart (HTML/JS), deployed to an Azure static webapp. Being an app dev I'd prefer to work with native buttons and deploy on an app. This should allow me to co-mingle native elements with the static web content.. Legend. Thanks James! And great work - to the devs!
Thanks. This is so helpful. I strongly think HybridWebView should be part of the core features and functionality of MAUI and not an optional Nuget package.
I agree. Production code should not be dependent on experiments. My company has a XF hybrid webview app and we are trying to migrate to Maui but we are not certain about the path to take.
It is broken. Keeps telling me that I need wasm-tool workload, but of course when I install it that does not work either! Can I figure it out? Sure, Am i going to? No. Why? If I am going to spend that much energy, I can just use WPF or regular .MAUI. This tech is kind of new, and is still developing. In 5 years this or something like this will be the way to build desktop applications, and I can't wait. Awesome video, as always.
Hey James! Would love to see more advanced stuff for Maui Hybrid stuff... handling crossplatform (Web, mobile, Desktop), UI components and sharing through platforms, usage of native stuff and mixing up xaml and razor.
Hello James, loving all of your MAUI videos, very helpful for a newcomer to C# and mobile apps. Do you have any plans to cover or suggestions for how to authenticate and store user data/files on a server/database, likely hosted in Azure?
I thought that was the point of MAUI Blazor. I'm surprised it's necessary to install a 3rd party nuget. Does that mean that without this nuget, the only way to talk between the C# and the WebView is through an embedded http server?
I don't think this works in the .Net 8 Preview, also the development with a web framework would be tough as you would need to develop the app outside of your maui project (and probably mock all c# calls so you can test it) and then always build and copy the static files into the maui app. That's not really feasible
Hi James, thanks for all the Maui videos, they are just great. About reusing code, I'm looking for examples of calling c++ native libraries from Maui, I found some articles on Xamarin but could really use the same ideas on Maui. Do you have any video or could recomend some reading about c++ native libraries on Maui? Thanks in advance!!!
How is it Compared to Tauri like in tauri we can just put our normal react app and it will just work How are all 3 compared Electron vs Tauri vs .NET MAUI with web tech
Well the main thing is the .NET MAUI enables both mobile & desktop scenarios today. Also enabled mixing and matching native & web UI. Access to native API access in C# and also writing business logic in C# instead of JS as a main focus that is for sure. I haven't used Tauri so can't give you a side by side
The main roadmaps are based on .NET releases so .NET 8 is the main focus and .NET 9 planning starts and will be added in. You can track things for .NET MAUI and .NET at both github.com/dotnet/maui/wiki/Roadmap and themesof.net/
this seems cool, but what is that section on top of the app? that part below the title bar where it says "Home" on the left and there is some gray icon on the center?
The home is just the default navigation bar which you can turn off. The little gray icon is when you are debugging windows apps. Gives you a few options for hot reloading the UI and checking for UI errors.
Nope! All the content is inside of the app bundle. It all runs on the .net runtime built into .net Maui. So no server, no webassembly, just .net run in in your app
I saw this at build and I think this will help spread MAUI even more!
This is incredible! As an avid Angular frontend and C# backend developer, this couldn't have come at a better time. At work, I've been given a project to develop an app that interacts with NFC chips from loggers on our pallets, used by businesses from grocery stores to restaurants. My main challenge was the lack of support for Web Bluetooth, Web NFC, and Web USB APIs on Apple devices, which led me to rethink my Angular PWA approach. With this .NET MAUI HybridWebView, I'm optimistic that I can integrate the UI I prefer with the essential native functionalities. Here's hoping it's compatible with iOS!
were you able to make it work with your pwa?
This came at a perfect time for me as I had been tinkering with a TradingView Lightweight chart (HTML/JS), deployed to an Azure static webapp. Being an app dev I'd prefer to work with native buttons and deploy on an app. This should allow me to co-mingle native elements with the static web content.. Legend. Thanks James! And great work - to the devs!
Glad it was helpful!
This is huge and will kill Flutter altogether and reduce React Native adoption. GREAT JOB !!
Thanks. This is so helpful. I strongly think HybridWebView should be part of the core features and functionality of MAUI and not an optional Nuget package.
I agree. Production code should not be dependent on experiments. My company has a XF hybrid webview app and we are trying to migrate to Maui but we are not certain about the path to take.
It is broken. Keeps telling me that I need wasm-tool workload, but of course when I install it that does not work either! Can I figure it out? Sure, Am i going to? No. Why? If I am going to spend that much energy, I can just use WPF or regular .MAUI. This tech is kind of new, and is still developing. In 5 years this or something like this will be the way to build desktop applications, and I can't wait. Awesome video, as always.
Hey James! Would love to see more advanced stuff for Maui Hybrid stuff... handling crossplatform (Web, mobile, Desktop), UI components and sharing through platforms, usage of native stuff and mixing up xaml and razor.
Have you seen my beginner series: th-cam.com/play/PLdo4fOcmZ0oU6AgjUbyztrhnzGVFuN6ij.html
This blow mi mind! thats amazing for our apps!
Hello James, loving all of your MAUI videos, very helpful for a newcomer to C# and mobile apps.
Do you have any plans to cover or suggestions for how to authenticate and store user data/files on a server/database, likely hosted in Azure?
I need to for sure :)
Echoing the above... Would be a great help to watch a video on how you do authentication in MAUI across all platforms
I thought that was the point of MAUI Blazor. I'm surprised it's necessary to install a 3rd party nuget. Does that mean that without this nuget, the only way to talk between the C# and the WebView is through an embedded http server?
That was pretty awesome!
Glad you liked it!
Thanks for the video, I'll test it.
Let me think of unique scenarios where I can utilize the goodness of this 🤔
I don't think this works in the .Net 8 Preview, also the development with a web framework would be tough as you would need to develop the app outside of your maui project (and probably mock all c# calls so you can test it) and then always build and copy the static files into the maui app. That's not really feasible
Hey James, is it possible to use MAUI to create one code,all platform widgets,like the ones on Android , iOS, windows sidebar?
It’s a good question. Unfortunately all of the different platforms widget /sidebars are built very different and would require platform code on each.
@@JamesMontemagno k, thanks I dreaded as much. Although I assumed most of them were JavaScript based with some wrapper around them
Hi James, thanks for all the Maui videos, they are just great. About reusing code, I'm looking for examples of calling c++ native libraries from Maui, I found some articles on Xamarin but could really use the same ideas on Maui. Do you have any video or could recomend some reading about c++ native libraries on Maui? Thanks in advance!!!
How is it Compared to Tauri like in tauri we can just put our normal react app and it will just work
How are all 3 compared Electron vs Tauri vs .NET MAUI with web tech
Well the main thing is the .NET MAUI enables both mobile & desktop scenarios today. Also enabled mixing and matching native & web UI. Access to native API access in C# and also writing business logic in C# instead of JS as a main focus that is for sure.
I haven't used Tauri so can't give you a side by side
Hi, please help. How can I send emails ( questions, invoices etc) directly from my accounting application done using Maui.
hi james,, what is .NET MAUI RoadMap, please?
The main roadmaps are based on .NET releases so .NET 8 is the main focus and .NET 9 planning starts and will be added in. You can track things for .NET MAUI and .NET at both github.com/dotnet/maui/wiki/Roadmap and themesof.net/
😢😅
this seems cool, but what is that section on top of the app? that part below the title bar where it says "Home" on the left and there is some gray icon on the center?
The home is just the default navigation bar which you can turn off. The little gray icon is when you are debugging windows apps. Gives you a few options for hot reloading the UI and checking for UI errors.
Awesome 🎉🎉🎉🎉sir
🎉
I need a video to save a file on external storage for example in folder download on android
This probably should have been picked up by Microsoft to be put in and supported officially.. .I know Microsoft all want us to use Blazor though.
Can I debug the JS code inside VS, or do I need a separate debugger?
Good question.. however VS works it should work... I don't think you can just add a break point but IDK. Probably devtools to connect to the webview.
hi,James, is it possible to use the rich React Component in our MAUI Blazor Hybrid App?
You could combine the BlazorWebView and HybridWebView of course
Blazor, React, and .NET MAUI?!?!? #dotnetmaui #coding #blazor
Do you need internet access to run a hello world blazor hybrid ?
Nope! All the content is inside of the app bundle. It all runs on the .net runtime built into .net Maui. So no server, no webassembly, just .net run in in your app
@@JamesMontemagno will it run offline?
Absolutely
Hi james, can give tutorial how to load / display svg image in .net maui??
Put it in the images folder and then it will convert automatically
dont even think to use maui for native mobile app. Coming with lots of bugs you need to deal
Have you experienced this yourself? What bugs have you seen?