šŸ’» 5 Useful VS Code extensions to help you with Javascript, React and Git

girgetto

Girgetto

Posted on April 27, 2021

šŸ’» 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

    GitHub logo r5n-labs / vscode-react-javascript-snippets

    Extension for React/Javascript snippets with search supporting ES7+ and babel features

    snippet
  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

    GitHub logo streetsidesoftware / vscode-spell-checker

    A simple source code spell checker for code

    spell-checker
  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

    GitHub logo styled-components / vscode-styled-components

    Syntax highlighting for styled-components

    Alt Text
  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

    GitHub logo ngryman / codesandbox-theme

    Codesandbox theme for VSCode.

    code-sandbox
  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...

    GitHub logo mhutchie / vscode-git-graph

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

    git-graph
šŸ’– šŸ’Ŗ šŸ™… šŸš©
girgetto
Girgetto

Posted on April 27, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related