Que signifie "extends : ["airbnb"]] dans un fichier eslintrc de React ?

Question

Disons que pour une application React, j'ai eslint-config-airbnb et son lot habituel de dépendances avec les pairs, et eslint-config-prettier y eslint-plugin-prettier . Est-ce que c'est eslintrc.js aussi basique que possible.. :

module.exports = {
  parser: 'babel-eslint',
  extends: ['airbnb', 'plugin:prettier/recommended'],
  env: {
    browser: true,
    es6: true
  }
};

Je veux dire que j'ai appris de le doc que l'extension de la plugin:prettier/recommended ferait des choses que j'aurais dû faire avec la eslint-config-prettier seul. Donc je me demande la même chose avec extends: "airbnb" comme si j'avais besoin de certaines de ces choses. ici comme

"parserOptions": {
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },

Je n'arrive pas à trouver cette documentation dans la doc. eslint-config-airbnb .

Answer 1

Il fait exactement ce qu'il dit : étendre la configuration ESLint d'AirBnB. Par extension, je veux dire qu'il copiera/fusionnera la configuration AirBnB à la vôtre. Dans l'ensemble, votre compréhension est correcte.

Si vous voulez savoir exactement ce que fait la configuration AirBnB, vous pouvez consulter leur fichier de règles ici :

https://github.com/airbnb/javascript/blob/master/packages/eslint-config-airbnb/rules/react.js

Le snippet JSX est déjà présent, donc non, vous n'avez plus besoin de l'ajouter à votre configuration.