Eslint: use airbnb styles but exclude all jsx-a11y

Question

I would like to use airbnb styles ESLint. However, accessibility does not bring values in my project, and actually it add more noise to the code.

Is there a way to use AirBnb eslint but disable jsx-a11y? I can fork the AirBnb repo and delete the link, but just wonder if there is a better way.

Sprit

Answer 1

In your .eslintrc you can change:

"extends": [
  "airbnb"
]

to

"extends": [
  "airbnb-base",
  "airbnb/rules/react"
]

All credit goes to oustn

Hargett

Answer 2

If you are using Typescript, then change:

"extends": [
  "airbnb-typescript"
],

To:

"extends": [
  "eslint-config-airbnb-base",
  "airbnb/rules/react"
],

Erubescent

Answer 3

Uninstall eslint-config-airbnb, then install and use eslint-config-airbnb-base, eslint-plugin-react, and eslint-plugin-react-hooks. If you also want TypeScript, install eslint-config-airbnb-typescript as normal. Your eslint config should have changed from:

extends: [
  'airbnb',
  'airbnb-typescript'
]

to:

extends: [
  'eslint:recommended',
  'plugin:react/recommended',
  'plugin:react-hooks/recommended',
  'airbnb-base',
  'airbnb-typescript'
]

Displacement