An eslint configuration for any project (React, TypeScript, Node.js, React Native)

.eslintrc.js

/**
 #
 # JS .eslintrc.js
 #  ____   ___    _   _  ___ _____   _____ ____ ___ _____
 # |  _ \ / _ \  | \ | |/ _ \_   _| | ____|  _ \_ _|_   _|
 # | | | | | | | |  \| | | | || |   |  _| | | | | |  | |
 # | |_| | |_| | | |\  | |_| || |   | |___| |_| | |  | |
 # |____/ \___/  |_| \_|\___/ |_|   |_____|____/___| |_|
 #
 #
 */
module.exports = {
    "parser": "@typescript-eslint/parser",
    "plugins": ["@typescript-eslint", "react-hooks", "prettier"],
    "extends": [
        "airbnb",
        "prettier",
        "prettier/react",
        "plugin:@typescript-eslint/recommended",
        "plugin:import/typescript",
        "plugin:prettier/recommended",
        "prettier/@typescript-eslint"

    ],
    "rules": {
        /**
         * @description rules of eslint official
         */
        /**
         * @bug https://github.com/benmosher/eslint-plugin-import/issues/1282
         * "import/named" temporary disable.
         */
        "import/named": "off",
        /**
         * @bug?
         * "import/export" temporary disable.
         */
        "import/export": "off",
        "import/prefer-default-export": "off", // Allow single Named-export
        "no-unused-expressions": ["warn", {
            "allowShortCircuit": true,
            "allowTernary": true
        }], // https://eslint.org/docs/rules/no-unused-expressions

        /**
         * @description rules of @typescript-eslint
         */
        "@typescript-eslint/prefer-interface": "off", // also want to use "type"
        "@typescript-eslint/explicit-function-return-type": "off", // annoying to force return type

        /**
         * @description rules of eslint-plugin-react
         */
        "react/jsx-filename-extension": ["warn", {
            "extensions": [".jsx", ".tsx"]
        }], // also want to use with ".tsx"
        "react/prop-types": "off", // Is this incompatible with TS props type?

        /**
         * @description rules of eslint-plugin-react-hooks
         */
        "react-hooks/rules-of-hooks": "error",

        /**
         * Typescript overrides
         */
        "@typescript-eslint/no-var-requires": "off",
        /**
         * My overrides
         */
        "max-len": [
            "warn",
            {
                "code": 120,
                "ignoreUrls": true
            },
        ],
        "prefer-destructuring": [
            "warn",
            {
                "array": false,
                "object": true
            }
        ],
        "no-trailing-spaces": ["error", {"skipBlankLines": true}],
        "no-plusplus": ["error", {"allowForLoopAfterthoughts": true}],
        "no-bitwise": 'off',
        "no-restricted-syntax": 'off', // this is things like for...of etc.
    },
    "env": {
        "node": true,
        "mocha": true,
        "browser": true,
        "jest": true,
    }
};