@dendavidov/eslint-config-react 1.0.0

package/LICENSE

@@ -0,0 +1,19 @@
+Copyright © 2023 Denis Davydov <mail@dendavidov.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1,38 @@
+# @dendavidov/eslint-config-react
+
+Opinionated eslint-config for React.js SPA.
+
+## Installation
+
+```bash
+npm i -D @dendavidov/eslint-config-react
+```
+
+## Usage
+
+Add .eslintrc.json in the root of your project
+```json
+{
+  "extends": "@dendavidov/eslint-config-react"
+}
+```
+Add script to package.json -> scripts:
+```
+{
+  ...
+  "scripts": {
+    ...
+    "lint": "eslint './src/**/*.{ts,tsx}'"
+  },
+  ...
+}
+```
+
+## Contributing
+
+Pull requests are welcome. For major changes, please open an issue first
+to discuss what you would like to change.
+
+## License
+
+[MIT](https://dendavidov.mit-license.org/)

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@dendavidov/eslint-config-react",
+  "version": "1.0.0",
+  "description": "eslint config",
+  "main": "src/index.js",
+  "license": "MIT",
+  "scripts": {
+    "test": "jest --watchAll=false",
+    "release": "npx semantic-release"
+  },
+  "author": "Denis Davydov mail@dendavidov.com",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:dendavidov/eslint-config-react.git"
+  },
+  "bugs": {
+    "url": "https://github.com/dendavidov/eslint-config-react/issues"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "files": [
+    "LICENSE",
+    "README.md",
+    "src/index.js"
+  ],
+  "devDependencies": {
+    "@semantic-release/git": "^10.0.1",
+    "jest": "^29.4.3",
+    "prettier": "^2.8.4"
+  },
+  "dependencies": {
+    "@typescript-eslint/eslint-plugin": "^5.52.0",
+    "@typescript-eslint/parser": "^5.52.0",
+    "eslint": "^8.34.0",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jest": "^27.2.1",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-testing-library": "^5.10.2"
+  }
+}

package/src/index.js

@@ -0,0 +1,67 @@
+module.exports = {
+  extends: [
+    // By extending from a plugin config, we can get recommended rules without having to add them manually.
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:import/recommended',
+    'plugin:jsx-a11y/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/recommended-requiring-type-checking',
+    'plugin:@typescript-eslint/strict',
+    // This disables the formatting rules in ESLint that Prettier is going to be responsible for handling.
+    // Make sure it's always the last config, so it gets the chance to override other configs.
+    'eslint-config-prettier',
+  ],
+  "parserOptions": {
+    "project": "./tsconfig.json",
+    "ecmaVersion": 12,
+    "sourceType": "module"
+  },
+  plugins: ['jest', 'testing-library', '@typescript-eslint'],
+  settings: {
+    react: {
+      // Tells eslint-plugin-react to automatically detect the version of React to use.
+      version: 'detect',
+    },
+    // Tells eslint how to resolve imports
+    'import/resolver': {
+      node: {
+        paths: ['src'],
+        extensions: ['.ts', '.tsx'],
+      },
+    },
+  },
+  overrides: [
+    {
+      files: ['**/__tests__/**/*', '**/*.{spec,test}.*'],
+      env: {
+        'jest/globals': true,
+      },
+      // A subset of the recommended rules:
+      rules: {
+        // https://github.com/jest-community/eslint-plugin-jest
+        'jest/no-conditional-expect': 'error',
+        'jest/no-identical-title': 'error',
+        'jest/no-interpolation-in-snapshots': 'error',
+        'jest/no-jasmine-globals': 'error',
+        'jest/no-mocks-import': 'error',
+        'jest/valid-describe-callback': 'error',
+        'jest/valid-expect': 'error',
+        'jest/valid-expect-in-promise': 'error',
+        'jest/valid-title': 'warn',
+
+        // https://github.com/testing-library/eslint-plugin-testing-library
+        'testing-library/await-async-query': 'error',
+        'testing-library/await-async-utils': 'error',
+        'testing-library/no-await-sync-query': 'warn',
+        'testing-library/no-dom-import': ['error', 'react'],
+        'testing-library/no-wait-for-empty-callback': 'error',
+        'testing-library/no-wait-for-snapshot': 'error',
+      },
+    },
+  ],
+  rules: {
+    'react/react-in-jsx-scope': 'off',
+    'import/no-unresolved': [2, { ignore: ['react-dom/client'] }],
+  },
+};