Learn how to use these 4 VS Code Extensions to greatly improve your React developer experience
If you haven’t given Visual Studio Code a try I highly recommend it. The below link will take you to the download page.
Bracket Pair Colorizer 2
Bracket Pair Colorizer 2 - Visual Studio Marketplace
This extension allows matching brackets to be identified with colours. The user can define which tokens to match, and…
ES7 React/Redux/GraphQL/React-Native snippets
ES7 React/Redux/GraphQL/React-Native snippets - Visual Studio Marketplace
Prettier - Code formatter - Visual Studio Marketplace
Extension for Visual Studio Code - Code formatter using prettier
Here’s a tip
If you go into the VS Code settings and look for something called format on save and enable that what it will do is make sure your code is formatting whenever you save the file.
vscode-styled-components - Visual Studio Marketplace
Syntax highlighting and IntelliSense for styled-components. Uses a CSS grammar built on top of language-sass and…
For those of you who use styled-components in React you will absolutely love this one. It is going to add auto-completion to your styled-components code. I will show you an example below.