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

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

1. 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

   

2. 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

   

3. 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

   

4. 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.

   

5. 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.