@paratco/eslint-config 0.1.0

package/.prettierrc.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "printWidth": 120,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": false,
+  "quoteProps": "preserve",
+  "jsxSingleQuote": false,
+  "trailingComma": "none",
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "arrowParens": "always",
+  "requirePragma": false,
+  "insertPragma": false,
+  "proseWrap": "preserve",
+  "htmlWhitespaceSensitivity": "css",
+  "vueIndentScriptAndStyle": false,
+  "endOfLine": "lf",
+  "embeddedLanguageFormatting": "auto",
+  "singleAttributePerLine": false
+}

package/index.js

@@ -0,0 +1,81 @@
+import eslint from "@eslint/js";
+import tseslint from "typescript-eslint";
+import globals from "globals";
+
+// Plugins
+import react from "eslint-plugin-react";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import eslintConfigPrettier from "eslint-config-prettier";
+
+// Custom Rules
+import typescriptRules from "./lints/typescript/index.js";
+import reactRules from "./lints/react/index.js";
+
+export default tseslint.config(
+  eslint.configs.recommended,
+  ...tseslint.configs.strictTypeChecked,
+  ...tseslint.configs.stylisticTypeChecked,
+
+  // TypeScript Rules
+  {
+    files: ["**/*.{ts,tsx}"],
+    languageOptions: {
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true
+        }
+      },
+      globals: {
+        ...globals.browser
+      }
+    },
+    rules: {
+      ...typescriptRules
+    }
+  },
+
+  // React Plugin
+  {
+    files: ["**/*.{js,jsx,mjs,cjs,ts,tsx}"],
+    plugins: {
+      react: react,
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh
+    },
+    settings: {
+      react: {
+        version: "detect"
+      }
+    },
+    languageOptions: {
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true
+        }
+      },
+      globals: {
+        ...globals.browser
+      }
+    },
+    rules: {
+      ...reactRules,
+      // ...react.configs.recommended.rules,
+      ...reactHooks.configs.recommended.rules,
+
+      // Enforce Rules of Hooks
+      "react-hooks/rules-of-hooks": ["error"],
+      // Verify the list of the dependencies for Hooks like useEffect and similar
+      "react-hooks/exhaustive-deps": ["error"],
+
+      // React Refresh
+      "react-refresh/only-export-components": ["warn", { "allowConstantExport": true }]
+    }
+  },
+
+  {
+    ignores: ["lints"]
+  },
+
+  eslintConfigPrettier
+);

package/lints/react/index.js

@@ -0,0 +1,421 @@
+export default {
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/boolean-prop-naming.md
+  // Enforces consistent naming for boolean props
+  "react/boolean-prop-naming": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/button-has-type.md
+  // Disallow usage of button elements without an explicit type attribute
+  "react/button-has-type": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/checked-requires-onchange-or-readonly.md
+  // Enforce using onChange or readonly attribute when checked is used
+  "react/checked-requires-onchange-or-readonly": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/default-props-match-prop-types.md
+  // Enforce all defaultProps have a corresponding non-required PropType
+  "react/default-props-match-prop-types": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/destructuring-assignment.md
+  // Enforce consistent usage of destructuring assignment of props, state, and context
+  "react/destructuring-assignment": ["warn"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/display-name.md
+  // Disallow missing displayName in a React component definition
+  "react/display-name": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-component-props.md
+  // Disallow certain props on components
+  "react/forbid-component-props": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-dom-props.md
+  // Disallow certain props on DOM Nodes
+  "react/forbid-dom-props": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-elements.md
+  // Disallow certain elements
+  "react/forbid-elements": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-foreign-prop-types.md
+  // Disallow using another component's propTypes
+  "react/forbid-foreign-prop-types": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/forbid-prop-types.md
+  // Disallow certain propTypes
+  "react/forbid-prop-types": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/function-component-definition.md
+  // Enforce a specific function type for function components
+  "react/function-component-definition": ["warn"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/hook-use-state.md
+  // Ensure destructuring and symmetric naming of useState hook value and setter variables
+  "react/hook-use-state": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/iframe-missing-sandbox.md
+  // Enforce sandbox attribute on iframe elements
+  "react/iframe-missing-sandbox": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-boolean-value.md
+  // Enforce boolean attributes notation in JSX
+  "react/jsx-boolean-value": ["warn", "always"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-child-element-spacing.md
+  // Enforce or disallow spaces inside curly braces in JSX attributes and expressions
+  "react/jsx-child-element-spacing": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-closing-bracket-location.md
+  // Enforce closing bracket location in JSX
+  // Use similar stylistic rule instead
+  "react/jsx-closing-bracket-location": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-closing-tag-location.md
+  // Enforce closing tag location for multiline JSX
+  // Use similar stylistic rule instead
+  "react/jsx-closing-tag-location": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-curly-brace-presence.md
+  // Disallow unnecessary JSX expressions when literals alone are sufficient or enforce JSX expressions on literals in JSX children or attributes
+  // Use similar stylistic rule instead
+  "react/jsx-curly-brace-presence": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-curly-newline.md
+  // Enforce consistent linebreaks in curly braces in JSX attributes and expressions
+  // Use similar stylistic rule instead
+  "react/jsx-curly-newline": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-curly-spacing.md
+  // Enforce or disallow spaces inside curly braces in JSX attributes and expressions
+  // Use similar stylistic rule instead
+  "react/jsx-curly-spacing": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-equals-spacing.md
+  // Enforce or disallow spaces around equal signs in JSX attributes
+  // Use similar stylistic rule instead
+  "react/jsx-equals-spacing": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-filename-extension.md
+  // Disallow file extensions that may contain JSX
+  "react/jsx-filename-extension": ["error", { allow: "always", extensions: [".tsx"] }],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-first-prop-new-line.md
+  // Enforce proper position of the first property in JSX
+  // Use similar stylistic rule instead
+  "react/jsx-first-prop-new-line": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-fragments.md
+  // Enforce shorthand or standard form for React fragments
+  "react/jsx-fragments": ["warn"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-handler-names.md
+  // Enforce event handler naming conventions in JSX
+  "react/jsx-handler-names": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-indent.md
+  // Enforce JSX indentation
+  // Use similar stylistic rule instead
+  "react/jsx-indent": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-indent-props.md
+  // Enforce props indentation in JSX
+  // Use similar stylistic rule instead
+  "react/jsx-indent-props": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-key.md
+  // Disallow missing key props in iterators/collection literals
+  "react/jsx-key": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-max-depth.md
+  // Enforce JSX maximum depth
+  "react/jsx-max-depth": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-max-props-per-line.md
+  // Enforce maximum of props on a single line in JSX
+  // Use similar stylistic rule instead
+  "react/jsx-max-props-per-line": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-newline.md
+  // Require or prevent a new line after jsx elements and expressions
+  // Use similar stylistic rule instead
+  "react/jsx-newline": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-bind.md
+  // Disallow .bind() or arrow functions in JSX props
+  "react/jsx-no-bind": [
+    "error",
+    {
+      allowArrowFunctions: true
+    }
+  ],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-comment-textnodes.md
+  // Disallow comments from being inserted as text nodes
+  "react/jsx-no-comment-textnodes": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-constructed-context-values.md
+  // Disallows JSX context provider values from taking values that will cause needless renders
+  "react/jsx-no-constructed-context-values": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-duplicate-props.md
+  // Disallow duplicate properties in JSX
+  "react/jsx-no-duplicate-props": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-leaked-render.md
+  // Disallow problematic leaked values from being rendered
+  "react/jsx-no-leaked-render": ["warn"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-literals.md
+  // Disallow usage of string literals in JSX
+  "react/jsx-no-literals": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-script-url.md
+  // Disallow usage of javascript: URLs
+  "react/jsx-no-script-url": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-target-blank.md
+  // Disallow target="_blank" attribute without rel="noreferrer"
+  "react/jsx-no-target-blank": ["warn"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-undef.md
+  // Disallow undeclared variables in JSX
+  "react/jsx-no-undef": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-no-useless-fragment.md
+  // Disallow unnecessary fragments
+  "react/jsx-no-useless-fragment": ["warn"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-one-expression-per-line.md
+  // Require one JSX element per line
+  // Use similar stylistic rule instead
+  "react/jsx-one-expression-per-line": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-pascal-case.md
+  // Enforce PascalCase for user-defined JSX components
+  // Use similar stylistic rule instead
+  "react/jsx-pascal-case": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-props-no-multi-spaces.md
+  // Disallow multiple spaces between inline JSX props
+  // Use similar stylistic rule instead
+  "react/jsx-props-no-multi-spaces": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-props-no-spreading.md
+  // Disallow JSX prop spreading
+  "react/jsx-props-no-spreading": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-sort-props.md
+  // Enforce props alphabetical sorting
+  // Use similar stylistic rule instead
+  "react/jsx-sort-props": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-tag-spacing.md
+  // Enforce whitespace in and around the JSX opening and closing brackets
+  // Use similar stylistic rule instead
+  "react/jsx-tag-spacing": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-uses-react.md
+  // Disallow React to be incorrectly marked as unused
+  "react/jsx-uses-react": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-uses-vars.md
+  // Disallow variables used in JSX to be incorrectly marked as unused
+  "react/jsx-uses-vars": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/jsx-wrap-multilines.md
+  // Disallow missing parentheses around multiline JSX
+  // Use similar stylistic rule instead
+  "react/jsx-wrap-multilines": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-access-state-in-setstate.md
+  // Disallow when this.state is accessed within setState
+  "react/no-access-state-in-setstate": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-adjacent-inline-elements.md
+  // Disallow adjacent inline elements not separated by whitespace.
+  "react/no-adjacent-inline-elements": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-array-index-key.md
+  // Disallow usage of Array index in keys
+  "react/no-array-index-key": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-arrow-function-lifecycle.md
+  // Lifecycle methods should be methods on the prototype, not class fields
+  "react/no-arrow-function-lifecycle": ["warn"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-children-prop.md
+  // Disallow passing of children as props
+  "react/no-children-prop": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-danger.md
+  // Disallow usage of dangerous JSX properties
+  "react/no-danger": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-danger-with-children.md
+  // Disallow when a DOM element is using both children and dangerouslySetInnerHTML
+  "react/no-danger-with-children": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-deprecated.md
+  // Disallow usage of deprecated methods
+  "react/no-deprecated": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-did-mount-set-state.md
+  // Disallow usage of setState in componentDidMount
+  "react/no-did-mount-set-state": ["error", "disallow-in-func"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-did-update-set-state.md
+  // Disallow usage of setState in componentDidUpdate
+  "react/no-did-update-set-state": ["error", "disallow-in-func"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-direct-mutation-state.md
+  // Disallow direct mutation of this.state
+  "react/no-direct-mutation-state": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-find-dom-node.md
+  // Disallow usage of findDOMNode
+  "react/no-find-dom-node": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-invalid-html-attribute.md
+  // Disallow usage of invalid attributes
+  "react/no-invalid-html-attribute": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-is-mounted.md
+  // Disallow usage of isMounted
+  "react/no-is-mounted": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-multi-comp.md
+  // Disallow multiple component definition per file
+  "react/no-multi-comp": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-namespace.md
+  // Enforce that namespaces are not used in React elements
+  "react/no-namespace": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-object-type-as-default-prop.md
+  // Disallow usage of referential-type variables as default param in functional component
+  "react/no-object-type-as-default-prop": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-redundant-should-component-update.md
+  // Disallow usage of shouldComponentUpdate when extending React.PureComponent
+  "react/no-redundant-should-component-update": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-render-return-value.md
+  // Disallow usage of the return value of ReactDOM.render
+  "react/no-render-return-value": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-set-state.md
+  // Disallow usage of setState
+  "react/no-set-state": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-string-refs.md
+  // Disallow using string references
+  "react/no-string-refs": ["error", { noTemplateLiterals: true }],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-this-in-sfc.md
+  // Disallow this from being used in stateless functional components
+  "react/no-this-in-sfc": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-typos.md
+  // Disallow common typos
+  "react/no-typos": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unescaped-entities.md
+  // Disallow unescaped HTML entities from appearing in markup
+  "react/no-unescaped-entities": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unknown-property.md
+  // Disallow usage of unknown DOM property
+  "react/no-unknown-property": ["warn"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unsafe.md
+  // Disallow usage of unsafe lifecycle methods
+  // Disabled in recommended configs
+  "react/no-unsafe": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unstable-nested-components.md
+  // Disallow creating unstable components inside components
+  "react/no-unstable-nested-components": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unused-class-component-methods.md
+  // Disallow declaring unused methods of component class
+  "react/no-unused-class-component-methods": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unused-prop-types.md
+  // Disallow definitions of unused propTypes
+  "react/no-unused-prop-types": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-unused-state.md
+  // Disallow definitions of unused state
+  "react/no-unused-state": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/no-will-update-set-state.md
+  // Disallow usage of setState in componentWillUpdate
+  "react/no-will-update-set-state": ["error", "disallow-in-func"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prefer-es6-class.md
+  // Enforce ES5 or ES6 class for React Components
+  "react/prefer-es6-class": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prefer-exact-props.md
+  // Prefer exact prop type definitions
+  "react/prefer-exact-props": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prefer-read-only-props.md
+  // Enforce that props are read-only
+  "react/prefer-read-only-props": ["warn"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prefer-stateless-function.md
+  // Enforce stateless components to be written as a pure function
+  "react/prefer-stateless-function": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/prop-types.md
+  // Disallow missing props validation in a React component definition
+  "react/prop-types": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/react-in-jsx-scope.md
+  // Disallow missing React when using JSX
+  // Disable this rule because react 17 doesn't need to import React to use JSX
+  "react/react-in-jsx-scope": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/require-default-props.md
+  // Enforce a defaultProps definition for every prop that is not a required prop
+  "react/require-default-props": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/require-optimization.md
+  // Enforce React components to have a shouldComponentUpdate method
+  "react/require-optimization": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/require-render-return.md
+  // Enforce ES5 or ES6 class for returning value in render function
+  "react/require-render-return": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/self-closing-comp.md
+  // Disallow extra closing tags for components without children
+  "react/self-closing-comp": ["warn"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/sort-comp.md
+  // Enforce component methods order
+  "react/sort-comp": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/sort-default-props.md
+  // Enforce defaultProps declarations alphabetical sorting
+  "react/sort-default-props": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/sort-prop-types.md
+  // Enforce propTypes declarations alphabetical sorting
+  "react/sort-prop-types": ["off"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/state-in-constructor.md
+  // Enforce class component state initialization style
+  "react/state-in-constructor": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/static-property-placement.md
+  // Enforces where React component static properties should be positioned.
+  "react/static-property-placement": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/style-prop-object.md
+  // Enforce style prop value is an object
+  "react/style-prop-object": ["error"],
+
+  // https://github.com/jsx-eslint/eslint-plugin-react/blob/master/docs/rules/void-dom-elements-no-children.md
+  // Disallow void DOM elements (e.g. <img />, <br />) from receiving children
+  "react/void-dom-elements-no-children": ["error"]
+};

package/lints/typescript/index.js

@@ -0,0 +1,237 @@
+export default {
+  // Enforce that class methods utilize this.
+  // https://typescript-eslint.io/rules/class-methods-use-this
+  // Note: you must disable the base rule as it can report incorrect errors
+  "class-methods-use-this": "off",
+  "@typescript-eslint/class-methods-use-this": [
+    "error",
+    {
+      ignoreOverrideMethods: true,
+      ignoreClassesThatImplementAnInterface: true
+    }
+  ],
+
+  // Require return statements to either always or never specify values
+  // https://typescript-eslint.io/rules/consistent-return/
+  // Note: you must disable the base rule as it can report incorrect errors
+  "consistent-return": "off",
+  "@typescript-eslint/consistent-return": ["error"],
+
+  // Enforce consistent usage of type exports.
+  // https://typescript-eslint.io/rules/consistent-type-exports
+  "@typescript-eslint/consistent-type-exports": [
+    "error",
+    {
+      fixMixedExportsWithInlineTypeSpecifier: true
+    }
+  ],
+
+  // Enforce consistent usage of type imports.
+  // https://typescript-eslint.io/rules/consistent-type-imports
+  "@typescript-eslint/consistent-type-imports": ["error"],
+
+  // Enforce default parameters to be last.
+  // https://typescript-eslint.io/rules/default-param-last
+  // Note: you must disable the base rule as it can report incorrect errors
+  "default-param-last": "off",
+  "@typescript-eslint/default-param-last": ["error"],
+
+  // Require explicit return types on functions and class methods.
+  // https://typescript-eslint.io/rules/explicit-function-return-type
+  "@typescript-eslint/explicit-function-return-type": [
+    "error",
+    {
+      allowExpressions: true
+    }
+  ],
+
+  // Require explicit accessibility modifiers on class properties and methods.
+  // https://typescript-eslint.io/rules/explicit-member-accessibility
+  "@typescript-eslint/explicit-member-accessibility": [
+    "error",
+    {
+      "overrides": {
+        "constructors": "off"
+      }
+    }
+  ],
+
+  // Require explicit return and argument types on exported functions' and classes' public class methods.
+  // https://typescript-eslint.io/rules/explicit-module-boundary-types
+  "@typescript-eslint/explicit-module-boundary-types": ["error"],
+
+  // Require or disallow initialization in variable declarations.
+  // https://typescript-eslint.io/rules/init-declarations
+  // Note: you must disable the base rule as it can report incorrect errors
+  "init-declarations": "off",
+  "@typescript-eslint/init-declarations": ["off"],
+
+  // Enforce a maximum number of parameters in function definitions.
+  // https://typescript-eslint.io/rules/max-params
+  // Note: you must disable the base rule as it can report incorrect errors
+  "max-params": "off",
+  "@typescript-eslint/max-params": ["off"],
+
+  // Require a consistent member declaration order.
+  // https://typescript-eslint.io/rules/member-ordering
+  "@typescript-eslint/member-ordering": [
+    "error",
+    { "default": ["constructor", "field", "static-method", "method", "signature"] }
+  ],
+
+  // Enforce using a particular method signature syntax.
+  // https://typescript-eslint.io/rules/method-signature-style
+  "@typescript-eslint/method-signature-style": ["error"],
+
+  // Enforce naming conventions for everything across a codebase.
+  // https://typescript-eslint.io/rules/naming-convention
+  // TODO: We can split this rule. for components it enforces PascalCase and functions camelCase
+  "@typescript-eslint/naming-convention": [
+    "error",
+    {
+      selector: "function",
+      format: ["PascalCase", "camelCase"]
+    }
+  ],
+
+  // Disallow duplicate class members.
+  // https://typescript-eslint.io/rules/no-dupe-class-members
+  // Note: you must disable the base rule as it can report incorrect errors
+  "no-dupe-class-members": "error",
+  "@typescript-eslint/no-dupe-class-members": ["error"],
+
+  // Enforce the use of top-level import type qualifier when an import only has specifiers with inline type qualifiers.
+  // https://typescript-eslint.io/rules/no-import-type-side-effects
+  "@typescript-eslint/no-import-type-side-effects": ["error"],
+
+  // Disallow this keywords outside of classes or class-like objects.
+  // https://typescript-eslint.io/rules/no-invalid-this
+  // Note: you must disable the base rule as it can report incorrect errors
+  "no-invalid-this": "off",
+  "@typescript-eslint/no-invalid-this": ["error"],
+
+  // Disallow function declarations that contain unsafe references inside loop statements.
+  // https://typescript-eslint.io/rules/no-loop-func
+  // Note: you must disable the base rule as it can report incorrect errors
+  "no-loop-func": "off",
+  "@typescript-eslint/no-loop-func": ["error"],
+
+  // Disallow magic numbers.
+  // https://typescript-eslint.io/rules/no-magic-numbers
+  // Note: you must disable the base rule as it can report incorrect errors
+  "no-magic-numbers": "off",
+  "@typescript-eslint/no-magic-numbers": ["off"],
+
+  // Disallow variable redeclaration.
+  // https://typescript-eslint.io/rules/no-redeclare
+  // Note: you must disable the base rule as it can report incorrect errors
+  "no-redeclare": "off",
+  "@typescript-eslint/no-redeclare": ["off"],
+
+  // Disallow invocation of require().
+  // https://typescript-eslint.io/rules/no-require-imports
+  "@typescript-eslint/no-require-imports": ["error"],
+
+  // Disallow specified modules when loaded by import.
+  // https://typescript-eslint.io/rules/no-restricted-imports
+  // Note: you must disable the base rule as it can report incorrect errors
+  "no-restricted-imports": "off",
+  "@typescript-eslint/no-restricted-imports": ["off"],
+
+  // Disallow variable declarations from shadowing variables declared in the outer scope.
+  // https://typescript-eslint.io/rules/no-shadow
+  // Note: you must disable the base rule as it can report incorrect errors
+  "no-shadow": "off",
+  "@typescript-eslint/no-shadow": ["error"],
+
+  // Disallow unnecessary namespace qualifiers.
+  // https://typescript-eslint.io/rules/no-unnecessary-qualifier
+  "@typescript-eslint/no-unnecessary-qualifier": ["warn"],
+
+  // Require unary negation to take a number.
+  // https://typescript-eslint.io/rules/no-unsafe-unary-minus
+  "@typescript-eslint/no-unsafe-unary-minus": ["error"],
+
+  // Disallow unused expressions.
+  // https://typescript-eslint.io/rules/no-unused-expressions
+  // Note: you must disable the base rule as it can report incorrect errors
+  "no-unused-expressions": "off",
+  "@typescript-eslint/no-unused-expressions": ["off"],
+
+  // Disallow the use of variables before they are defined.
+  // https://typescript-eslint.io/rules/no-use-before-define
+  // Note: you must disable the base rule as it can report incorrect errors
+  "no-use-before-define": "off",
+  "@typescript-eslint/no-use-before-define": ["error"],
+
+  // Disallow empty exports that don't change anything in a module file.
+  // https://typescript-eslint.io/rules/no-useless-empty-export
+  "@typescript-eslint/no-useless-empty-export": ["warn"],
+
+  // Require or disallow parameter properties in class constructors.
+  // https://typescript-eslint.io/rules/parameter-properties
+  "@typescript-eslint/parameter-properties": ["error"],
+
+  // Require destructuring from arrays and/or objects.
+  // https://typescript-eslint.io/rules/prefer-destructuring
+  // Note: you must disable the base rule as it can report incorrect errors
+  "prefer-destructuring": "off",
+  "@typescript-eslint/prefer-destructuring": ["off"],
+
+  // Require each enum member value to be explicitly initialized.
+  // https://typescript-eslint.io/rules/prefer-enum-initializers
+  "@typescript-eslint/prefer-enum-initializers": ["off"],
+
+  // Enforce the use of Array.prototype.find() over Array.prototype.filter() followed by [0] when looking for a single result.
+  // https://typescript-eslint.io/rules/prefer-find
+  "@typescript-eslint/prefer-find": ["warn"],
+
+  // Require private members to be marked as readonly if they're never modified outside the constructor.
+  // https://typescript-eslint.io/rules/prefer-readonly
+  "@typescript-eslint/prefer-readonly": ["warn"],
+
+  // Require function parameters to be typed as readonly to prevent accidental mutation of inputs.
+  // https://typescript-eslint.io/rules/prefer-readonly-parameter-types
+  "@typescript-eslint/prefer-readonly-parameter-types": ["off"],
+
+  // Enforce RegExp#exec over String#match if no global flag is provided.
+  // https://typescript-eslint.io/rules/prefer-regexp-exec
+  "@typescript-eslint/prefer-regexp-exec": ["warn"],
+
+  // Require any function or method that returns a Promise to be marked async.
+  // https://typescript-eslint.io/rules/promise-function-async
+  "@typescript-eslint/promise-function-async": ["error"],
+
+  // Require Array#sort and Array#toSorted calls to always provide a compareFunction.
+  // https://typescript-eslint.io/rules/require-array-sort-compare
+  "@typescript-eslint/require-array-sort-compare": ["error"],
+
+  // Enforce consistent returning of awaited values.
+  // https://typescript-eslint.io/rules/return-await
+  // Note: you must disable the base rule as it can report incorrect errors
+  "no-return-await": "off",
+  "@typescript-eslint/return-await": ["off"],
+
+  // Enforce constituents of a type union/intersection to be sorted alphabetically.
+  // https://typescript-eslint.io/rules/sort-type-constituents
+  "@typescript-eslint/sort-type-constituents": ["warn"],
+
+  // Disallow certain types in boolean expressions.
+  // https://typescript-eslint.io/rules/strict-boolean-expressions
+  "@typescript-eslint/strict-boolean-expressions": [
+    "error",
+    {
+      allowString: false,
+      allowNumber: false,
+      allowNullableObject: false
+    }
+  ],
+
+  // Require switch-case statements to be exhaustive.
+  // https://typescript-eslint.io/rules/switch-exhaustiveness-check
+  "@typescript-eslint/switch-exhaustiveness-check": ["error"],
+
+  // Require type annotations in certain places.
+  // https://typescript-eslint.io/rules/typedef
+  "@typescript-eslint/typedef": ["off"]
+};

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@paratco/eslint-config",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "index.js",
+  "author": "Paratco",
+  "license": "ISC",
+  "description": "Paratco ESLint Config",
+  "keywords": [
+    "eslint",
+    "eslint-config",
+    "react",
+    "lint"
+  ],
+  "scripts": {
+    "lint": "eslint . --report-unused-disable-directives-severity error --max-warnings 0",
+    "format": "prettier --write src/"
+  },
+  "peerDependencies": {
+    "@eslint/js": "^9.3.0",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "prettier": "^3.2.5",
+    "typescript-eslint": "^7.9.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.3.0",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "prettier": "^3.2.5",
+    "typescript": "^5.4.5",
+    "typescript-eslint": "^7.9.0"
+  }
+}