My FeedDiscussionsHeadless CMS
New
Sign in
Log inSign up
Learn more about Hashnode Headless CMSHashnode Headless CMS
Collaborate seamlessly with Hashnode Headless CMS for Enterprise.
Upgrade ✨Learn more

What extensions do you use on VS Code for react development

Serdar Sanri's photo
Serdar Sanri
·Jul 18, 2019

Ok, it is one of those days, PHPStorm is sucking up everything I have on my computer. Literally I7 laptop acts like a spaceX shuttle. I need to get rid of it but last 3 attempts to use VS Code was not pleasant. No matter what extensions I added, still didn't feel like phpstorm. Couldn't find anything will give the same pleasure of intellisense. So if there is someone out there been in the same boat, can you tell me what plugins/extensions etc you added to make it easier to use VSCode for react development. Here are some stuff I love about PhpStorm that would like to have in VSCode to make my life easier.

  1. Intellisense : Incredible code completion
  2. Eslint integration: Immediate code review while typing.
  3. webpack support
  4. docker support
  5. debug support from docker containers
  6. low memory and cpu consumption
  7. TODO/FIXME collection : can review all todo or fixme comments at once organized by file directory
  8. auto import, support for absolute or relative paths. Something I couldn't figure out on vscode. it doesn't have autocompletion for named modules
  9. AutoFix. In phpstorm, I can do CTRL+ALT+L to reformat and apply code style right away. so it will fix any indentation, spacing, trailing comma etc issues at once. 10 last but not least ecmascript support. 11 live file templates and code templates. for instance i can create a template for my common react components ( with redux, functional, class, withStyles etc ) and with a small piece of characters will create the code for me to speed up development. ie msp will create
    const mapStateToProps = (state, ownProps) = ({
       :
    });
    
    and cursor will be waiting before colon to add first prop.