@perfective/eslint-config-react provides a shareable ESLint configuration for developing the @perfective React packages. This package extends the @perfective/eslint-config package.

@perfective/eslint-config-react uses the following ESLint plugins:

• eslint-plugin-react;

• eslint-plugin-react-hooks;

• eslint-plugin-react-hooks-ssr;

• eslint-plugin-react-perf;

• eslint-plugin-jsx-a11y.

1. Require @perfective/eslint-config-react and its peer dependencies as dev dependencies:

   npm install --save-dev \ @perfective/eslint-config-react \ @babel/eslint-parser \ @typescript-eslint/eslint-plugin \ @typescript-eslint/parser \ eslint \ eslint-import-resolver-typescript \ eslint-plugin-array-func \ eslint-plugin-cypress \ eslint-plugin-eslint-comments \ eslint-plugin-import \ eslint-plugin-jest \ eslint-plugin-jest-dom \ eslint-plugin-jsdoc \ eslint-plugin-jsx-a11y \ eslint-plugin-n \ eslint-plugin-prefer-arrow \ eslint-plugin-promise \ eslint-plugin-react \ eslint-plugin-react-hooks \ eslint-plugin-react-hooks-ssr \ eslint-plugin-react-perf \ eslint-plugin-rxjs \ eslint-plugin-security \ eslint-plugin-simple-import-sort \ eslint-plugin-sonarjs \ eslint-plugin-testing-library \ eslint-plugin-unicorn

2. Require the configuration in your root .eslintrc.js.

   module.exports = { extends: ['@perfective/eslint-config-react'], }

This package re-exports rules configuration functions, including overrides with additional React customizations:

• typescriptEslintNamingConvention(extensions);

• unicornPreventAbbreviations(replacements, options).

• Research more ESLint React plugins.