eslint-config-proste/dist/rules/react.js

preset eslint config

const rules = {
  "react-hooks/rules-of-hooks": 2,
  "react-hooks/exhaustive-deps": 2,
  "react-refresh/only-export-components": 1,
  "react-eslint/no-array-index-key": 2,
  "react-eslint/no-children-count": 2,
  "react-eslint/no-children-for-each": 2,
  "react-eslint/no-children-map": 2,
  "react-eslint/no-children-only": 2,
  "react-eslint/no-children-to-array": 2,
  "react-eslint/no-class-component": 2,
  "react-eslint/no-duplicate-key": 2,
  "react-eslint/no-unstable-default-props": 2,
  "react-eslint-name/component-name": [2, "PascalCase"],
  "react-eslint-hooks/prefer-use-state-lazy-initialization": 1,
  "react-eslint-dom/no-children-in-void-dom-elements": 2,
  "react-eslint-dom/no-find-dom-node": 2,
  "react/no-unescaped-entities": 2,
  "react/no-unstable-nested-components": [2, { allowAsProps: !0 }],
  "react/function-component-definition": [
    2,
    {
      namedComponents: ["function-declaration", "function-expression"],
      unnamedComponents: "function-expression"
    }
  ],
  "react/jsx-handler-names": [1],
  "react/jsx-one-expression-per-line": [1, { allow: "single-child" }],
  "react/jsx-curly-brace-presence": 1,
  "react/no-danger": 2,
  "react/jsx-pascal-case": [2, { allowAllCaps: !0 }],
  "react/jsx-filename-extension": [2, { extensions: [".jsx", ".tsx"] }],
  "react/no-multi-comp": [2, { ignoreStateless: !0 }],
  "react/no-unknown-property": [1, { requireDataLowercase: !0 }],
  "react/jsx-props-no-multi-spaces": 1,
  "react/jsx-curly-newline": 1,
  "react/jsx-closing-tag-location": 1,
  // 强制jsx结束标签位置
  "react/jsx-max-props-per-line": [
    1,
    {
      maximum: 1,
      when: "multiline"
    }
  ],
  "react/void-dom-elements-no-children": 1,
  "react/self-closing-comp": [
    1,
    {
      component: !0,
      html: !0
    }
  ],
  "react/jsx-wrap-multilines": [
    1,
    {
      return: "parens-new-line",
      arrow: "parens-new-line"
    }
  ],
  "react/jsx-tag-spacing": [
    1,
    {
      closingSlash: "never",
      beforeSelfClosing: "always",
      afterOpening: "never",
      beforeClosing: "never"
    }
  ],
  "react/jsx-no-useless-fragment": 1,
  "react/jsx-indent-props": [2, 2],
  "react/jsx-indent": [2, 2],
  "react/jsx-fragments": [1, "syntax"],
  "react/jsx-first-prop-new-line": [1, "multiline"],
  "react/jsx-equals-spacing": [1, "never"],
  "react/jsx-curly-spacing": [
    1,
    {
      when: "never",
      children: {
        when: "never"
      }
    }
  ],
  "react/jsx-closing-bracket-location": [1, "line-aligned"],
  "react/jsx-boolean-value": [1, "never"],
  // true的attr不填写
  "react/jsx-uses-vars": 2,
  // 组件引用后必须使用
  "react/jsx-no-undef": [
    2,
    {
      allowGlobals: !0
    }
  ],
  // 防止未定义的组件
  "react/jsx-no-target-blank": [
    2,
    {
      allowReferrer: !0,
      enforceDynamicLinks: "always"
    }
  ],
  // target='_blank'必须跟rel="noopener noreferrer"
  "react/jsx-no-duplicate-props": 2,
  // 防止自定义属性有重名问题
  "react/jsx-no-comment-textnodes": 1,
  // 规定注释格式
  "react/jsx-key": 2,
  // 循环元素必须有key
  "react/no-find-dom-node": 1,
  // 不允许使用findDOMNode
  "react/no-deprecated": 1,
  // 警告已废弃的api
  "react/no-danger-with-children": 2,
  // 不允许children和dangerouslySetInnerHTML同时使用
  "react/no-children-prop": 1,
  // 不允许children作为prop传递
  "react/prop-types": 0,
  // 是否定义props传递类型
  "react/display-name": 1,
  // 函数组件是否必须命名
  "react/forbid-component-props": [
    2,
    {
      forbid: [
        {
          propName: "style",
          message: "Prohibit using the style attribute instead of tailwindcss. If dynamic styles are needed, this rule can be disabled."
        }
      ]
    }
  ],
  "react/forbid-dom-props": [
    2,
    {
      forbid: [
        {
          propName: "style",
          message: "Prohibit using the style attribute instead of tailwindcss. If dynamic styles are needed, this rule can be disabled."
        }
      ]
    }
  ]
};
export {
  rules as default
};