VSCode Webview React Boilerplate

An awesome boilerplate for developing VSCode Extension Webview in React, React Router and TypeScript.

Project was inspired by:

• Reactception : extending a VS Code extension with Webviews and React
• vscode-webview-react
• VSCode Webview API

Development

Install dependencies first.

$ npm install

After the install process you can press F5 to "Start Debugging" (or: select in menu "Debug" -> "Run Extension"). A new Extension Development Host window will open in which you need to open command palette (Ctrl/Cmd + Shift + P) and select "Webview React: Open Webview" to open webview.

Functionalities covered:

• Router
• Communication between Webview and Extension
• Integrated configuration
• Mock API Request