Jeny3g ESLint config

Whats included?

• Standard config base;
• React plugin;
• React Hooks plugin;
• JSX a11y plugin;
• Prettier;
• Simple import sort;
• Import plugin;
• Import resolver;
• Prettier plugin;

💻 Setup

1. Install the dependencies

npm i -D eslint @jeny3g/eslint-config-react eslint-plugin-simple-import-sort

2. Make sure you have this 2 extensions installed

3. Update your vscode settings.json in order to use your eslint/prettier

{
  "[typescript]": {
    "editor.defaultFormatter": "rvest.vs-code-prettier-eslint"
  },
  "[javascriptreact]": {
    "editor.defaultFormatter": "rvest.vs-code-prettier-eslint"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "rvest.vs-code-prettier-eslint"
  },
  "editor.formatOnPaste": true,
    "editor.formatOnSave": true,
  "editor.formatOnType": true,
    "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.organizeImports": true
  }
}

---

💻 Usage

1. Create a .eslintrc.json file extending the config:

{
  "extends": "@jeny3g/eslint-config-react/react"
}

You can also use a .eslintrc.js instead of JSON if you prefer.

2. Enjoy 😊

---

Feito com ❤️ por jeny3g. 🤝 Entre em contato!