Rendered Views

VS Code enables you to embed any web app into VS Code to leverage arbitrary and complex functionality that is bespoke to whatever needs you come across.

There are good ways to do this, that fit seamlessly with the rest of the app and follow the app's built in theming capabilities (e.g., automatically changing into "dark mode" themes), and there are ways not to do this.

Whenever possible, you should try to use VS Code's webview UI toolkit, which also has a react wrapper. By using this UI toolkit, you will avoid many of the most typical problems, and this library comes with style guidelines for how to use or not use the components according to the best practices VS Code extension developers have discovered. The number of components is somewhat limited, but if you need a lot of special components, you may want to rethink what exactly your tool does and whether there isn't a simpler and less fragile UI that you could leverage (maybe there isn't!).