Modern Frontend Consumption guides with WebView2

[rufreakde]

So some years ago there where already posts regarding such intergations but I am not able to find any guides or documentation from Microsoft how to use 3rd party frontends.

This is crusial for adoption of the tooling but also allows for very versatile functionality. Combining .NET seamlesly with React or Angular as a frontend.

Source Post:

You can look at using the WebResourceRequested event to have the host app receive/intercept web HTTP requests and send the response you want back to the HTML. https://docs.microsoft.com/en-us/microsoft-edge/webview2/reference/win32/icorewebview2?view=webview2-1.0.664.37#add_webresourcerequested

Thanks for the feedback on providing a more full-experience platform like Electron. It's something I hope we do at some point, but it's likely pretty far down the road for us.

@champnic

Sorry for the necro post. But it is now some years down the line. Are there already guides or CLI setup tools that make it simple to use something like ReactJS .tsx projects with WebView2?

For example I create a simple React project with vite. And then npm run build it to have the index.html with dependencies bundled. Is there something like a guide for "using popular frontend frameworks within WebView2 applications"

Angular React etc just to name a fiew.

Originally posted by @rufreakde in #788

[rufreakde]

Feature: It should be possible to create a web project with something like vite: https://vite.dev/guide/cli.html

And have a simple process to use that project as frontend similar to electron :)

[rufreakde]

This guide here goes a little into this direction but is very "generic" https://learn.microsoft.com/en-us/microsoft-edge/webview2/concepts/overview-features-apis?tabs=dotnetcsharp#rendering-webview2-in-non-framework-apps