eslint-config-duy

This package provides Duy's .eslintrc as an extensible shared config.

Usage

npm install --save-dev eslint-config-duy
yarn add -D eslint-config-duy

We currently export 8 eslint configurations for your usage. All these settings are 100% recommended (from author or community), no personal taste at all.

In your .eslintrc.js

module.exports = {
  extends: [
    'duy', // Base version, using espree parser (default parser of eslint), contain default rule for js, import, json
    'duy/babel', // If you use babel to transform your codebase,
    'duy/typescript', // Add support for Typescript
    'duy/react', // React, react-hook, jsx
    'duy/jest', // Jest, testing-library
    'duy/cypress', // Cypress
    'duy/vue3', // or 'duy/vue2' depends on your vuejs version
    'duy/vue-babel', // If you using vue with babel
    'duy/prettier', //  Always the last, if you want to use eslint together with prettier (prettier as eslint's rules, disable all eslint's style rules)
  ],
  // Remember to add these config if you use typescript,
  parserOptions: {
    tsconfigRootDir: __dirname,
  },
};

Some stylistic rules in case you need it (and don't need prettier): (please make sure these rule match your project's .editorconfig)

{
  'semi': ['error', 'never'],
  'indent': ['error', 2, { 'SwitchCase': 1, 'VariableDeclarator': 1 }],
  '@typescript-eslint/indent': ['error', 2]
  'quotes': ['error', 'single', { 'avoidEscape': true }],
  'quote-props': ['error', 'consistent-as-needed'],
  'jsx-quotes': ['error', 'prefer-single'],
  'comma-dangle': ['error', 'only-multiline'],
  'object-curly-spacing': ['error', 'never'],
  'array-bracket-spacing': ['error', 'never'],
  'object-curly-newline': ['error', { 'consistent': true }],
  'array-bracket-newline': ['error', 'consistent'],
  'curly': 'error',
  'brace-style': 'error',
  'arrow-parens': ['error', 'always'],
  'key-spacing': [2, {
      'singleLine': {
          'beforeColon': false,
          'afterColon': true
      },
      'multiLine': {
          'beforeColon': false,
          'afterColon': true,
          'align': 'colon'
      }
    }],
}

Todo

• Support Preact, SolidJS, Svelte
• a11y
• react-native
• promise
• node
• graphql
• html
• compat
• security
• fp
• jsdoc
• es?
• eslint-comments?