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