Simple steps to get a nice VSCode setup with linting hints and format on save:

ESLint

Install ESLint

Run

yarn add babel-eslint
yarn add eslint-config-airbnb
yarn add  eslint-plugin-jsx-a11y
yarn add eslint-plugin-react

In your .eslintrc.json file add

    "parser": "babel-eslint",
    "extends": "airbnb",
    "plugins": [
        "react",
        "jsx-a11y",
        "import"
    ],

Done

Prettier

Install Prettier JavaScript Formatter

Run

npm install -g prettier-eslint --save-dev

Configure it to format based on the ESLint rules we just added, press cmd+, and add to the VSCode config:

"editor.formatOnSave": true,
"javascript.format.enable": false,
"prettier.eslintIntegration": true,

React specific settings

Use VSCode language-specific settings.

Want to hire me?

I'm currently considering remote job/contract opportunities as a Frontend Developer.

Read more about me and if you're interested, get in touch.