A gist for initial eslint and prettier setup for React projects

._reactFormatting

.eslintrc

{
  "extends": ["eslint:recommended", "plugin:react/recommended", "airbnb"],
  "env": {
    "es6": true,
    "jest": true,
    "browser": true
  },
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true,
      "impliedStrict": true,
      "experimentalObjectRestSpread": true
    }
  },
  "plugins": [
    "react",
    "prettier"
  ],
  "rules": {
    "react/jsx-indent": [1, 4],
    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }]
  }
}

.prettierrc

{
    "parser": "babylon",
    "tabWidth": 4,
    "semi": true,
    "singleQuote": true,
    "bracketSpacing": false,
    "requirePragma": true,
    "insertPragma": true,
    "printWidth": 80
}

package.json

{
  "devDependencies": {
    "eslint": "^4.17.0",
    "eslint-config-airbnb": "^16.1.0",
    "eslint-plugin-import": "^2.8.0",
    "eslint-plugin-jsx-a11y": "^6.0.3",
    "eslint-plugin-prettier": "^2.6.0",
    "eslint-plugin-react": "^7.6.1"
  }
}