Developing React With Visual Studio Code

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. More info

Articles & Tutorials

The Best React Extension for VS Code (scotch.io)
Apr 10, 2019
When working with React, there's lots of code that gets repeated over and over....and over and over again. Eventually, you start to think, "there's got to be a better way". Don't worry, there is!
  • James Quick
Debugging a Create React App with VS Code (elijahmanor.com)
Feb 05, 2018
In this post we’ll look at how to configure Visual Studio Code to debug React Components and Jest Unit Tests inside a web application that was created by create-react-app.
  • Elijah Manor
Visual Studio Code setup for React development (flaviocopes.com)
Aug 19, 2017
Simple steps to get a nice VSCode setup with linting hints and format on save

Video Guides & Talks

Random VSCode Workflow Tips (youtube.com)
Jan 14, 2019
Not that I'm much of a VSCode power user, but a lot of people ask me about this so I thought I'd show how I use VSCode.
New VSCode Extension to Refactor React Code (youtube.com)
Nov 02, 2018
There's a new VSCode extension called Glean by Wix that helps you refactor your React code.
Add ESLint & Prettier to VS Code for a Create React App (youtube.com)
Mar 19, 2018
In this video we’ll look at how to setup VS Code to lint and style an app bootstrapped by create-react-app with with ESLint and Prettier.
Debugging a Create React App with VS Code (youtube.com)
Feb 05, 2018
In this post we’ll look at how to configure Visual Studio Code to debug React Components and Jest Unit Tests inside a web application that was created by create-react-app.

Podcast Episodes

Chase Whimsy with Burke Holland (reactpodcast.com)
Oct 09, 2018
Chantastic asks Burke Holland about Five Things, VS Code can do that?!, and what brought him to computers. They discuss Windows 98 UI, React at Microsoft, the gateway drug to TypeScript, React Food Truck, and how how he discovered the identity of horse_js.
RRU 015: Visual Studio Code with Rachel MacFarlane and Matt Bierner LIVE at Microsoft Build (devchat.tv)
Jun 12, 2018
In this episode, the React Round Up panelists discuss Visual Studio Code with Rachel MacFarlane and Matt Bierner, who are both developers on Visual Studio Code. They talk about what the workflow at Visual Studio Code looks like, what people can look forward to coming out soon, and how people can follow along the VS Code improvements on GitHub and Twitter.
  • Charles Max Wood
  • Rachel MacFarlane
  • Matt Bierner
RRU 013: Visual Studio Code and the VS Code Azure Extension with Matt Hernandez and Amanda Silver LIVE at Microsoft Build (devchat.tv)
May 29, 2018
In this episode, the JavaScript Jabber panelists discuss Visual Studio Code and the VS Code Azure Extension with Matt Hernandez and Amanda Silver at Microsoft Build. They talk about what’s new in VS Code, how the Azure extension works, what log points are, and much more!
  • Charles Max Wood
  • Matt Hernandez
  • Amanda Silver
  • Microsoft