@adaliszk/eslint-config-react v18.2.19

Typescript-based React ESLint Config

This package contains an eslint configuration that extends my @adaliszk/eslint-config-typescript settings and adds typescript-based react linting.

Provides

• @adaliszk/eslint-config-typescript
• eslint-plugin-react

Rules

• Always use the shorthand for React.Fragment
• Indent JSX with 4 spaces
• Allow up to depth of 4 with JSX elements
• Force self-closing when possible
• Use braces around JSX and HTML properties

Usage

• Install: pnpm install -D @adaliszk/eslint-config-react eslint
• Add an .eslintrc.yml with the content of:

  extends:
    - "@adaliszk/react"

  or to avoid clutter, put it into your package.json:

  "eslintConfig": {
    "extends": [
      "@adaliszk/react"
    ]
  }

• Hook up with a script:

  "scripts": {
    "lint": "eslint source/** tests/**"
  }

Caveats

• When using node module based workspaces, you must include this package as a no-hoist so that eslint would find the configuration correctly.

Versioning

Since this is a meta-package, the versioning reflect its main provided package, in this case react. However, only the Major and Minor versions are kept in sync, and the Patch is used to bump the meta-package.