Best VS Code extensions for JavaScript and React.
Since college I was always using VS Code as my coding editor. Here are some of the extections I found useful and want to share with you guys.
ESLint
ESLint
ESList is one of the most popular and beloved extensions among JS developers, without a doubt. The extension runs ESLint rules on your code and integrates the result within the editor. It allows you to detect and fix quickly rule invalidations. It’s a must-have for all JS developers as it helps improving productivity and quality of the code.
Prettier
Prettier
Prettier is an opinionated code formatter that integrates with VS Code, Visual Studio, Atom, Vim, Sublime Text, and many more. This handy little extension makes your codes consistently formatted and properly indented and presents colored keywords for more readable code.
It reduces the formatting effort and thus increasing productivity. It helps produce high code readability.
Aunto Close Tag
Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text Jun Han
When I open some new tag it will automatically create closing tag for it. For example I type <Component> and this extension adds </Component> immediately. It works for JSX/TSX.
Quokka.js
Quokka.js
Quokka.js provides rapid JavaScript prototyping in your VS Code editor. It is a live playground for JavaScript and TypeScript. It is often called the modern-day scratchpad for JS developers.
Have you ever wanted to try something quick and you end up on your browser’s console to run some JS? Or you start the node process on a terminal and try it there? This extension’s primary purpose is to run code fast and conveniently right there in your VS Code editor.
Live Share
Live Share
Lastly, Live Share is the extencion i have been using since i started my bootcamp with Flatiron School.
This one is amazing, it allows you to share your code editor with other people. It’s perfect for pair programming, especially with the growth in popularity of working from home.
I used it, and I loved it.
