-
Notifications
You must be signed in to change notification settings - Fork 5
/
.eslintrc.js
75 lines (75 loc) Β· 3.3 KB
/
.eslintrc.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
module.exports = {
root: true,
env: {
node: true,
es6: true,
},
parserOptions: { ecmaVersion: 8 }, // to enable features such as async/await
ignorePatterns: ['node_modules/*', '.next/*', '.out/*', '!.prettierrc.js'], // We don't want to lint generated files nor node_modules, but we want to lint .prettierrc.js (ignored by default by eslint)
extends: ['airbnb', 'prettier', 'eslint:recommended'],
overrides: [
// This configuration will apply only to TypeScript files
{
files: ['**/*.ts', '**/*.tsx'],
parser: '@typescript-eslint/parser',
settings: {
react: { version: 'detect' },
'import/resolver': {
node: {
extensions: ['.js', '.jsx', '.ts', '.tsx'],
},
},
},
env: {
browser: true,
node: true,
es6: true,
},
extends: [
'eslint:recommended',
'plugin:@typescript-eslint/recommended', // TypeScript rules
'plugin:react/recommended', // React rules
'plugin:react-hooks/recommended', // React hooks rules
'plugin:jsx-a11y/recommended', // Accessibility rules
'prettier/@typescript-eslint', // Prettier plugin
'plugin:prettier/recommended', // Prettier recommended rules
],
rules: {
'@typescript-eslint/no-use-before-define': 'off',
'import/no-unresolved': 'off',
'import/extensions': [
'error',
'ignorePackages',
{
js: 'never',
jsx: 'never',
ts: 'never',
tsx: 'never',
},
],
'arrow-parens': ['warn', 'as-needed'], // νμ΄ν ν¨μμ νλΌλ―Έν°κ° νλμΌλ κ΄νΈ μλ΅
'no-use-before-define': 'off',
'no-unused-vars': ['off'], // μ¬μ©νμ§ μλ λ³μκ° μμλ λΉλμλ¬κ° λλ κ·μΉ ν΄μ
'no-console': ['off'], // μ½μμ μ°λ©΄ μλ¬κ° λλ κ·μΉ ν΄μ
'react/jsx-props-no-spreading': ['warn'], // props spreadingμ νμ©νμ§ μλ κ·μΉ ν΄μ
'no-underscore-dangle': ['off'], // camelCaseλ₯Ό λ°λ₯΄λκ² μ’κΈ΄ νμ§λ§ `_`λ₯Ό μ΄μ©μ μμ΄ μ¨μΌνλ μν©μ μν΄(ex λ°±μλκ° mongoDB)
'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx', '.ts', '.tsx'] }],
'react/prop-types': 'off', // We will use TypeScript's types for component props instead
'react/require-default-props': 'off',
'react/react-in-jsx-scope': 'off', // No need to import React when using Next.js
'jsx-a11y/anchor-is-valid': 'off', // This rule is not compatible with Next.js's <Link /> components
'@typescript-eslint/no-unused-vars': ['off'], // μ¬μ©νμ§ μλ λ³μκ° μμλ λΉλμλ¬κ° λλ κ·μΉ ν΄μ
'@typescript-eslint/no-unused-locals': ['off'], // μ¬μ©νμ§ μλ λ³μκ° μμλ λΉλμλ¬κ° λλ κ·μΉ ν΄μ
'@typescript-eslint/explicit-function-return-type': [
// I suggest this setting for requiring return types on functions only where usefull
'warn',
{
allowExpressions: true,
allowConciseArrowFunctionExpressionsStartingWithVoid: true,
},
],
'prettier/prettier': ['error', {}, { usePrettierrc: true }], // Includes .prettierrc.js rules
},
},
],
};