eslint-plugin-react

eslint-plugin-reactは、ESLint用のReact固有のlintルールのコレクションです。開発者がReactのベストプラクティスを適用し、一般的なミスを検出し、Reactプロジェクトで一貫したコードスタイルを維持するのに役立ちます。 インストールはnpmで簡単です：npm install eslint eslint-plugin-react --save-dev。このプラグインは、従来の.eslintrc設定システムと、ESLint v8.21.0で導入された新しいeslint.config.jsフラット設定システムの両方で動作します。 このプラグインは、いくつかの共有可能な設定をエクスポートします：recommended（Reactの優れたプラクティスを強制）、all（利用可能なすべてのルールを含む）、jsx-runtime（React 17+の新しいJSXトランスフォーム用）。フラット設定のバリアントも、flat.recommended、flat.all、flat['jsx-runtime']として利用可能です。これらの設定は、パーサーオプションでJSXを自動的に有効にします。 設定は、react.pragma、react.fragment、react.version、react.createClass、propWrapperFunctions、componentWrapperFunctions、formComponents、linkComponentsの共有設定をサポートします。これらの設定により、MobX observer、styled-components、カスタムフォームコンポーネント、カスタムリンクコンポーネントを使用するプロジェクトのカスタマイズが可能になります。 このプラグインには、JSXフォーマット（jsx-indent、jsx-curly-spacing、jsx-props-no-multi-spaces）、コンポーネント定義（display-name、function-component-definition）、props検証（jsx-no-duplicate-props、default-props-match-prop-types）、フック（hook-use-state、forward-ref-uses-ref）、アクセシビリティ（button-has-type、iframe-missing-sandbox）、セキュリティ（jsx-no-target-blank、jsx-no-script-url）など、多数のルールが含まれています。多くのルールは--fix CLIオプションで自動修正可能で、一部はエディタ統合を通じて手動修正の提案を提供します。 ルールリストには、クロス記号でマークされた非推奨ルールが含まれており、プラグインはESLint v8とv9の両方との互換性を維持しています。