Building Hybrid Apps with .NET MAUI for iOS, Android, Mac, & Windows | React, Vue.js, Angular & More

Looking to build hybrid apps for mobile & desktop? Maybe you have some React, Vue.js, or Angular, or heck just some arbitrary HTML/JS/CSS content sitting around and want to add some native functionality? With the experimental HybridWebView for .NET MAUI you can! How that content in a WebView and enable communication between the code in the WebView (JavaScript) and the code that hosts the WebView (C#/.NET). For example, if you have an existing React JS application, you could host it in a cross-platform .NET MAUI native application, and build the back-end of the application using C# and .NET. You can mix and match native UI and web UI, and I show you how!

Links:
GitHub Repo: https://github.com/Eilon/MauiHybridWebView
Blazor Hybrid Tutorial: https://www.youtube.com/watch?v=lqLfY9zNKNY

Chapters:
00:00 - Intro
00:36 - What is .NET MAUI & Hybrid Apps?
02:17 - Blazor Hybrid Walkthrough
03:50 - Our first hybrid app with .NET MAUI
13:15 - Accessing native APIs
14:45 - ReactJS hybrid app in .NET MAUI
17:42 - Wrap-up

Join this channel to get access to perks:
https://www.youtube.com/channel/UCENTmbKaTphpWV2R2evVz2A/join

👕 Buy some swag! - https://jamesmontemagno.myspreadshop.com/
☕️ Buy me a coffee - https://www.buymeacoffee.com/jamesmontemagno

Follow:
👨‍💻 GitHub: https://github.com/jamesmontemagno
🦜 Twitter: https://twitter.com/jamesmontemagno
📄 Website: https://www.montemagno.com
📰 Newsletter: https://newsletter.montemagno.com/

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: https://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: https://www.instagram.com/p/BceZ1oNHiQx/

My Setup:
📷 Canon M50 Mark II - https://amzn.to/3P8R7lp
💡 Nanoleaf Elements Lights - https://amzn.to/3umwJVW
🎙 Blue Spark Microphone - https://amzn.to/3qgtYkq
🎙 Blue Pop Filter - https://amzn.to/3jEWM3r
🤳 Rode Microphone Arm - https://amzn.to/2Z68AlE
🎧 Sony MDR7306 Headphones - https://amzn.to/372jxta
📲 Stream Deck - https://amzn.to/373Uk1n
🖱 MX Master 2S Mouse - https://amzn.to/3d7J2gj
⌨️ Tecware Phantom Keyboard - https://amzn.to/3aUP4y9

#dotnet #blazor #dotnetmaui #react #angular #hybridapps #vuejs

Видео Building Hybrid Apps with .NET MAUI for iOS, Android, Mac, & Windows | React, Vue.js, Angular & More канала James Montemagno