Welcoming JavaScript to .NET MAUI

on YouTube ↗27m

" summary

.NET MAUI hosts existing Angular/React/Blazor apps inside a native WebView so the same web build (ng build or React bundle) runs on iOS, Android, macOS and Windows while calling platform APIs. JavaScript calls C# methods marked with attributes and uses JS interop to read device info, request geolocation (GetLastKnownLocation), open the camera or filesystem and store data. Uses BlazorWebView or a hybrid web view, supports browser devtools attached to the embedded view, and shares one UI/CSS codebase for web and native.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 1:25Modern .NET and JavaScript synergy
3. 3:56.NET MAUI overview
4. 8:30Blazor WebView app
5. 13:29Angular in .NET MAUI
6. 17:02React in .NET MAUI
7. 18:25UI sharing web/native
8. 21:15JavaScript native APIs
9. 24:45React frontend .NET backend
10. 25:49Closing

" related talks

• 44mDeploying your JS App Anywhere with .NET MAUIAlyssa Nicoll · NDC London 2023
• 58mBlazor Hybrid - Build Hybrid Mobile, Desktop, and Web apps with .NET MAUIGerald Versluis · NDC Oslo 2024
• 31mBuilding desktop apps using .NET MAUI and BlazorDaniel Hindrikes · NDC Oslo 2021
• 49mArchitecture tips for hybrid apps with .NET MAUI and BlazorDaniel Hindrikes · Update Conference Prague 2022
• 57mCross-platform development with .NET MAUIAnjuli Jhakry · NDC Copenhagen 2025
• 18mBlazor + .NET MAUI – the perfect “hybrid”Don Wibier, Carl Franklin, Amanda Christensen · Microsoft Build 2023
• 35mBlazor Hybrid: Use Your Blazor Skills to Build Desktop and Mobile AppsMaddy Montaquila · DevReach 2022
• 42mMigration and Modernization with .NET MAUISam Basu · DevReach 2022