@g123jp/eslint-config-react

@g123jp/eslint-config-react

Eslint config for frontend react + ts projects with prettier

1. install

yarn add -D @g123jp/eslint-config-react

with

• @typescript-eslint/eslint-plugin
• @typescript-eslint/parser
• eslint
• eslint-config-airbnb
• eslint-plugin-import
• eslint-plugin-import-helpers
• eslint-plugin-jsx-a11y
• eslint-plugin-prettier
• eslint-plugin-react
• eslint-plugin-react-hooks
• typescript

yarn add -D @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint eslint-config-airbnb eslint-plugin-import eslint-plugin-import-helpers eslint-plugin-jsx-a11y eslint-plugin-prettier eslint-plugin-react eslint-plugin-react-hooks typescript

2. usage

• package.json

{
  ...
  "scripts": {
    ...
    "lint": "tsc --noEmit && eslint \"./**/*.ts\" \"./**/*.tsx\"",
    "fix": "eslint --fix \"./**/*.ts\" \"./**/*.tsx\""
  }
}

{
  ...
  "eslintConfig": {
    "plugins": [
      "react",
      "@typescript-eslint",
      "prettier",
      "import-helpers"
    ],
    "extends": "@g123jp/eslint-config-react",
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
      "ecmaFeatures": {
        "jsx": true
      }
    },
    "settings": {
      "react": {
        "version": "detect"
      }
    },
    "env": {
      "browser": true,
      "node": true,
      "es6": true
    }
  }
}

3. ref

• eslint

• eslint shareable-configs

• ref: eslint-config-airbnb

• test the package locally: yarn link