@xylabs/eslint-config-react-flat

ESLint Config used throughout XY Labs TypeScript/JavaScript libraries and react projects

Install

Using npm:

npm install -D {{name}}

Using yarn:

yarn add -D {{name}}

Using pnpm:

pnpm add -D {{name}}

Using bun:

bun add -D {{name}}

Usage

Use this config in your eslint.config.ts:

import type { Linter } from 'eslint'

import { config } from '@xylabs/eslint-config-react-flat'

const eslintConfig: Linter.Config[] = [
  ...config,
]

export default eslintConfig

Extending with custom rules

import type { Linter } from 'eslint'

import { config } from '@xylabs/eslint-config-react-flat'

const eslintConfig: Linter.Config[] = [
  ...config,
  {
    rules: {
      // your overrides
    },
  },
]

export default eslintConfig

What's included

Everything from @xylabs/eslint-config-flat, plus:

• React component and hooks linting via eslint-plugin-react-x
• DOM API validation via eslint-plugin-react-dom
• Enhanced hooks rules via eslint-plugin-react-hooks-extra
• Naming convention enforcement via eslint-plugin-react-naming-convention
• React Refresh validation via eslint-plugin-react-refresh
• Web API best practices via eslint-plugin-react-web-api

License

See the LICENSE file for license rights and limitations (LGPL-3.0-only).