SVG and React in a VS Code Webview
Switch branches/tags
Nothing to show
Clone or download
Doug Schaefer
Latest commit 7fe598d Aug 31, 2018

Aliens, Go Home! VS Code-style!

This is an adaptation based on the article Developing Games with React, Redux, and SVG.

The main changes are:

  • It's a VS code extension. Weird, but there's a reason for all this.
  • It's written in TypeScript. Because that's just a better way to write JavaScript.
  • It uses MobX instead of Redux. MobX is so much easier to work with.

The purpose of this exercise is to learn how to use SVG in VS Code webviews to provide visualizations for the artifacts and systems that developers work with when writing code in VS Code. React has support for SVG in it's virtual DOM so it's a natural for managing things like diagrams, etc., that change over time. And it's much easier to understand than D3.

And, it's just plain fun and crazy to see running inside VS Code!