How to develop widget using theia plugin

[yuzai]

I know how to development a widget with theia extension, but I want other people can development the widget simpler.
we use react, so I want to know if there is some plugin api like: widget.add(reactNode, options) so that others who don’t know how to write extension can easily add reactNode to ide.

[yuzai]

can some one help?

[vince-fugnitto]

@yuzai you can take a look at documentation for the vscode api in how to contribute views:

• https://code.visualstudio.com/api/references/contribution-points#contributes.views

The following is an example:

• https://github.com/microsoft/vscode-extension-samples/tree/master/tree-view-sample

For more complex views/widgets (while using the plugin api), you will need to use a webview:

• https://code.visualstudio.com/api/extension-guides/webview

The following is an example with react however I have not tried it:

• https://github.com/rebornix/vscode-webview-react

[yuzai]

ok thank you