@thorgate/eslint-config-typescript

Common ESLint w/ Typescript config used in Thorgate project template. Based on Airbnb eslint config.

Usage no npm install needed!

<script type="module">
  import thorgateEslintConfigTypescript from 'https://cdn.skypack.dev/@thorgate/eslint-config-typescript';
</script>

README

@thorgate/eslint-config-typescript

Installation

  1. Install the package

    yarn install @thorgate/eslint-config-typescript
    
  2. Install ESLint plugins

    ESLint plugins used by this config must also be installed within your project. This is a limitation within ESLint.

    Install required plugins if you have npm 5+ installed

    npx install-peerdeps --dev @thorgate/eslint-config-typescript
    

    Otherwise you can use following:

    npm install eslint@^8.3.0 \
                eslint-config-airbnb-typescript@^16.1.0 \
                eslint-config-prettier@^8.3.0 \
                eslint-config-react-app@^7.0.0 \
                eslint-plugin-flowtype@^8.0.3 \
                eslint-plugin-import@^2.25.3 \
                eslint-import-resolver-typescript@^2.5.0 \
                eslint-plugin-jest@^25.3.0 \
                eslint-plugin-jsx-a11y@^6.5.1 \
                eslint-plugin-prettier@^4.0.0 \
                eslint-plugin-react@^7.27.1 \
                eslint-plugin-react-hooks@^4.3.0 \
                @typescript-eslint/parser@^5.5.0 \
                @typescript-eslint/eslint-plugin@^5.5.0 \
                typescript@^4
    
  3. Configure ESLint

    In your .eslintrc add following.

    {
      "extends": ["@thorgate/eslint-config-typescript"],
      "parserOptions": {
        "project": "./tsconfig.json"
      }
    }
    

    If you need to change some rules then add those to .eslintrc also. This goes for adding resolvers also.