Modern Frontend Consumption guides with WebView2

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

Start with the linked WebResourceRequested reference and review the existing WebView2 documentation for frontend integration guidance. Compare the requested React, Angular, and Vite scenarios, then determine whether the documentation should cover setup, build output, and loading the frontend in a WebView2 application.