@chronoverse-eslint/react NPM

@chronoverse-eslint/react

Installation

npm install -D @chronoverse-eslint/react eslint

Or using alternative package managers:

yarn add -D @chronoverse-eslint/react eslint
pnpm add -D @chronoverse-eslint/react eslint
bun add -D @chronoverse-eslint/react eslint

Usage

Add to your eslint.config.js:

import { eslintReactJsx } from '@chronoverse-eslint/react/eslint-react-jsx';
import { eslintReactTsx } from '@chronoverse-eslint/react/eslint-react-tsx';
import { jsxA11y } from '@chronoverse-eslint/react/jsx-a11y';
import { reactBase } from '@chronoverse-eslint/react/react-base';
import { reactCompiler } from '@chronoverse-eslint/react/react-compiler';
import { reactHooks } from '@chronoverse-eslint/react/react-hooks';

import { eslintReactJsx, eslintReactTsx, jsxA11y, reactBase, reactCompiler, reactHooks } from '@chronoverse-eslint/react';

const eslintConfig = [
	...reactBase,
	...jsxA11y,
	...reactHooks,
	...reactCompiler,
	...eslintReactJsx,
	...eslintReactTsx,
];

export default eslintConfig;

Or with defineConfig:

import { eslintReactJsx } from '@chronoverse-eslint/react/eslint-react-jsx';
import { eslintReactTsx } from '@chronoverse-eslint/react/eslint-react-tsx';
import { jsxA11y } from '@chronoverse-eslint/react/jsx-a11y';
import { reactBase } from '@chronoverse-eslint/react/react-base';
import { reactCompiler } from '@chronoverse-eslint/react/react-compiler';
import { reactHooks } from '@chronoverse-eslint/react/react-hooks';

import { eslintReactJsx, eslintReactTsx, jsxA11y, reactBase, reactCompiler, reactHooks } from '@chronoverse-eslint/react';

import { defineConfig } from 'eslint/config';

const eslintConfig = defineConfig([
	reactBase,
	jsxA11y,
	reactHooks,
	reactCompiler,
	eslintReactJsx,
	eslintReactTsx,
]);

export default eslintConfig;

Or only-rules:

import { reactRules } from '@chronoverse-eslint/react/react-rules';
import { a11y } from '@chronoverse-eslint/react/a11y-rules';

import { reactRules, a11y } from '@chronoverse-eslint/react';

import { defineConfig } from 'eslint/config';

const eslintConfig = defineConfig([
	{
		rules: {
			...reactRules,
			...a11y,
		},
	},
]);

export default eslintConfig;