Perfective ESLint Config for React

@perfective/eslint-config-react provides a shareable ESLint configuration for React development.

@perfective/eslint-config-react adds the following ESLint plugins to the @perfective/eslint-config configuration:

• eslint-plugin-react;
• eslint-plugin-react-hooks;
• eslint-plugin-react-perf;
• eslint-plugin-jsx-a11y.

Setup

1. Require @perfective/eslint-config-react:

   npm install --save-dev @perfective/eslint-config-react

   Required peer dependencies are installed automatically.

2. Import perfectiveEslintReactConfig to eslint.config.js:

   import { perfectiveEslintReactConfig } from '@perfective/eslint-config-react';
   
   export default perfectiveEslintReactConfig();

3. Optional Install optional peer dependencies to add tool-specific linting rules.

   npm install --save-dev \
   eslint-plugin-cypress \
   eslint-plugin-jest \
   eslint-plugin-jest-dom \
   eslint-plugin-rxjs-x \
   eslint-plugin-testing-library

   Import configurations to eslint.config.js.

   import { perfectiveEslintReactConfig } from '@perfective/eslint-config-react';
   
   // Optional dependencies.
   import { cypressConfig } from '@perfective/eslint-config/cypress';
   import { jestConfig, jestTypescriptConfig } from '@perfective/eslint-config/jest';
   import { jestDomConfig } from '@perfective/eslint-config/jest-dom';
   import { rxjsConfig } from '@perfective/eslint-config/rxjs';
   import { testingLibraryConfig } from '@perfective/eslint-config-react/testing-library';
   
   export default perfectiveEslintReactConfig([
       cypressConfig,
       jestConfig,
       jestTypescriptConfig,
       jestDomConfig,
       rxjsConfig,
       testingLibraryConfig,
   ]);

   Note: *.d.ts files and dist directories are ignored by the configuration. node_modules and dot-files are ignored by the eslint. If more directories or file types need to be ignored, see the .eslintignore file docs.

Read the full documentation in the repository.