Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Eslint configuration for React with typescript
{
"env": {
"browser": true,
"es2021": true
},
"extends": [
"plugin:react/recommended",
"airbnb",
"prettier",
],
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaFeatures": {
"jsx": true
},
"ecmaVersion": 12,
"sourceType": "module"
},
"plugins": ["react", "@typescript-eslint"],
"rules": {
"import/extensions": [
"error",
"always",
{
"js": "never",
"jsx": "never",
"ts": "never",
"tsx": "never"
}
],
"no-unused-vars": "off",
"react/jsx-indent": [0],
"react/react-in-jsx-scope": 0,
"react/jsx-indent-props": [2, "tab"],
"react/jsx-props-no-spreading": "off",
"react/jsx-filename-extension": [
1,
{ "extensions": [".js", ".jsx", ".ts", ".tsx"] }
],
"no-use-before-define": [0],
"react/display-name": 0,
"react/prop-types": 0,
"@typescript-eslint/explicit-function-return-type": 0,
"@typescript-eslint/explicit-member-accessibility": 0,
"@typescript-eslint/indent": 0,
"@typescript-eslint/member-delimiter-style": 0,
"@typescript-eslint/no-explicit-any": 0,
"@typescript-eslint/no-var-requires": 0,
"@typescript-eslint/no-use-before-define": 0,
"@typescript-eslint/no-unused-vars": [
1,
{
"argsIgnorePattern": "^_"
}
],
"no-console": 1,
"import/prefer-default-export": 1,
"no-shadow": 1,
"prefer-const": 1,
"prefer-spread": 1,
"no-unused-expressions": [
"error",
{ "allowShortCircuit": true, "allowTernary": true }
],
"no-return-assign": "off",
"no-underscore-dangle": "off",
"react/require-default-props": [2, { "ignoreFunctionalComponents": true }],
"no-param-reassign": [
"error",
{ "props": true, "ignorePropertyModificationsFor": ["state"] }
]
},
"settings": {
"import/resolver": {
"node": {
"extensions": [".js", ".jsx", ".ts", ".tsx"],
"moduleDirectory": ["node_modules", "src/"]
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment