react-eslint-setup.md

React eslint setup

$ npm i -D eslint prettier eslint-plugin-prettier eslint-config-prettier eslint-config-airbnb eslint-plugin-html @trivago/prettier-plugin-sort-imports

.eslintrc

{
  "env": {
    "browser": true
  },
  "extends": ["airbnb", "prettier", "prettier/react"],
  "plugins": ["prettier", "html", "react-hooks"],
  "rules": {
    "prettier/prettier": ["error", {
      "endOfLine": "auto"
    }],
    "global-require": "off",
    "import/no-dynamic-require": "off",
    "react/no-unescaped-entities": "off",
    "react/jsx-filename-extension": "off"
  }
}

.prettierrc

{
  "singleQuote": true,
  "semi": true,
  "endOfLine": "auto",
  "importOrder": [
    "^~/lib(.*)$",
    "^~/routes(.*)$",
    "^~/pages(.*)$",
    "^~/components(.*)$",
    "^~/store(.*)$",
    "^~/utils(.*)$",
    "^[./]"
  ],
  "importOrderSeparation": true
}