eslint-config-daren

These are my settings for ESLint and Prettier

You might like them - or you might not. Don't worry you can always change them.

---

Table of Contents

• Table of Contents
• Installation
• Usage
  • Other configs
    • React example
• VS Code

Installation

This module should be installed as one of your project's devDependencies:

npm install --dev eslint-config-daren

yarn add -D eslint-config-daren

Usage

Then add the extends to your .eslintrc.js:

module.exports = {
  extends: "daren",
  rules: {
    // your overrides
  },
};

Other configs

You can use other configs in combination with the main eslint.

module.exports = {
  extends: ['daren', 'daren/<config-name>'],
}

React example

module.exports = {
  extends: [
    'daren',
    'daren/react',
    'daren/jsx-a11y',
    'daren/tailwind',
  ],
  rules: {
    // your overrides
  },
};

VS Code

Using the eslint-plugin you can use these settings for autoformatting:

"editor.formatOnSave": true,
"eslint.format.enable": true,
  "[javascript]": {
"editor.formatOnSave": false,
  "editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"[javascriptreact]": {
  "editor.formatOnSave": false,
  "editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"[typescript]": {
  "editor.formatOnSave": false,
  "editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"[typescriptreact]": {
  "editor.formatOnSave": false,
  "editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"editor.codeActionsOnSave": {
  "source.fixAll": true,
}