💻 5 Useful VS Code extensions to help you with Javascript, React and Git

#vscode #javascript #react #git

This is a list of 5 extensions and themes for VS Code that I often use and find useful.

ES7 React/Redux/GraphQL/React-Native snippets ✂️
This extension gives use a great number of code snippets to create components or imports faster. The first I do after create a new React component file is to use this extension, which autocomplete the initial part of a new component by just typing rafc + enter 🤯
👉 Here the list of snippets

r5n-labs / vscode-react-javascript-snippets

Extension for React/Javascript snippets with search supporting ES7+ and babel features
Code Spell Checker 🇬🇧
This is a grammar checker for VS Code, I lost the count of how many times this extension saved me from typos. When you misspell an English word as variable or string, the extension will print a blue underline, and you can fix it with right click and see if in the suggested words there is the one needed

streetsidesoftware / vscode-spell-checker

A simple source code spell checker for code
vscode-styled-components 🌈
I use a lot styled-component and thanks to this extension CSS remains colored has normal otherwise it will be considered as a string, and it would be just green text

styled-components / vscode-styled-components

Syntax highlighting for styled-components
CodeSandbox Theme 🎨
I often code in CodeSandbox, and then I use that code in my project, I prefer to maintain a theme consistence, that's why I use it

ngryman / codesandbox-theme

Codesandbox theme for VSCode.
Git Graph 🌳
Git Graph gives you a really nice view of your branches
also, can perform Git Actions, View commit details and file changes, compare any two commits by clicking on a commit, Code Review, etc...

mhutchie / vscode-git-graph

View a Git Graph of your repository in Visual Studio Code, and easily perform Git actions from the graph.