Airbnb's ESLint config with TypeScript support
Works with both JS and TS files.
Install dependencies. ESLint plugins must also be installed.
npm install eslint-config-airbnb-typescript \
eslint-plugin-import@^2.18.2 \
eslint-plugin-jsx-a11y@^6.2.3 \
eslint-plugin-react@^7.15.1 \
eslint-plugin-react-hooks@^1.7.0 \
@typescript-eslint/eslint-plugin@^2.19.0 \
--save-dev
Within your ESLint config file:
module.exports = {
extends: ['airbnb-typescript'],
parserOptions: {
project: './tsconfig.json',
},
};
Alter your eslint
command to include ts
and tsx
files:
eslint --ext .js,.jsx,.ts,.tsx ./
Install dependencies. ESLint plugins must also be installed.
npm install eslint-config-airbnb-typescript \
eslint-plugin-import@^2.18.2 \
@typescript-eslint/eslint-plugin@^2.19.0 \
--save-dev
Within your ESLint config file:
module.exports = {
extends: ['airbnb-typescript/base'],
parserOptions: {
project: './tsconfig.json',
},
};
Alter your eslint
command to include ts
and tsx
files:
eslint --ext .js,.jsx,.ts,.tsx ./
The goal of eslint-config-airbnb-typescript
is decorate eslint-config-airbnb
with TypeScript support. All rules and settings are identical. It's a drop-in replacement for eslint-config-airbnb
, including linting for JavaScript files.
It's recommended to alter your ESLint config for additional functionality. Here's an example:
{
"extends": [
"airbnb-typescript",
"airbnb/hooks",
"plugin:@typescript-eslint/eslint-recommended",
"plugin:@typescript-eslint/recommended",
"plugin:@typescript-eslint/recommended-requiring-type-checking"
],
}
My personal ESLint config file with support for Jest, Promises, and Prettier can be found in create-exposed-app.
Authored and maintained by Matt Turnbull (iamturns.com / @iamturns)
To all contributors (if you exist) - thank you!
Open source licensed as MIT.