@ssheverev/eslint-react-config

Конфигурация ESLint для React проектов с поддержкой TypeScript и современных возможностей JavaScript.

Установка

npm install --save-dev @ssheverev/eslint-config @ssheverev/eslint-ts-config @ssheverev/eslint-react-config eslint@^9.20.0

Требования

• Node.js ^18.18.0 || ^20.9.0 || >=21.1.0
• ESLint >= 9.20.0

Возможности

• Правила для React и JSX
• Правила для React Hooks
• Автоматическое определение версии React
• Проверка ключей в списках
• Проверка правильного использования хуков
• Проверка зависимостей в useEffect
• Стилистические правила для JSX

Использование

В вашем eslint.config.js:

import baseConfig from '@ssheverev/eslint-config';
import tsConfig from '@ssheverev/eslint-ts-config';
import reactConfig from '@ssheverev/eslint-react-config';

export default [...baseConfig, ...tsConfig, ...reactConfig];

Включенные плагины

• eslint-plugin-react - основные правила для React
• eslint-plugin-react-hooks - правила для React Hooks

Основные правила

React

• Проверка корректного использования ref
• Правила для JSX синтаксиса
• Проверка ключей в списках
• Правила форматирования JSX
• Проверка пропсов

React Hooks

• Проверка правил хуков
• Проверка зависимостей в хуках эффектов

Рекомендуемые расширения

Для полной функциональности рекомендуется также установить:

• @ssheverev/prettier-config - конфигурация Prettier
• @ssheverev/ts-config - конфигурация TypeScript