react.yaml

extends:
  - airbnb
  - airbnb/hooks
  - "../config/browser"

parser: "@babel/eslint-parser"
parserOptions:
  sourceType: module

#plugins:
# - import       # (From airbnb)
# - jsx-a11y     # (From airbnb)
# - react        # (From airbnb)
# - react-hooks  # (From airbnb)

# Rules
rules:
  # Disallow specific global variables (Disabled since we will need 'window')
  no-restricted-globals: [off]

  unicorn/prevent-abbreviations:
    - error
    - checkProperties: true
      checkFilenames: false
      replacements:
        params: false
        props: false
        ref: false
      allowList:
        propClasses: true
        useParams: true

  # Restrict file extensions that may contain JS
  # https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-filename-extension.md
  react/jsx-filename-extension:
    - error
    - extensions:
        - .js
        - .jsx

  # Prop spreading should be allowed on components
  react/jsx-props-no-spreading: [off]

  import/exports-last: [error]
  import/group-exports: [error]
  import/no-deprecated: [warn]
  import/no-namespace: [error]

  # Enforce a convention in module import order
  # https://github.com/import-js/eslint-plugin-import/blob/main/docs/rules/order.md
  import/order:
    - error
    - groups:
        - builtin
        - external
        - internal
        - parent
        - sibling
        - index
      pathGroups:
        - pattern: react
          group: builtin
          position: before
      pathGroupsExcludedImportTypes:
        - react

  # Enforces where React component static properties should be positioned
  # https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/static-property-placement.md
  react/static-property-placement: [off]

  # Prevent usage of dangerous JSX properties (Secure output)
  # https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/no-danger.md
  react/no-danger: [error]

  # Prevent missing React when using JSX
  # https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/react-in-jsx-scope.md
  react/react-in-jsx-scope: [off]