عن المشروع

eslint-plugin-react هي مجموعة من قواعد الفحص الخاصة بـ React لـ ESLint. تساعد المطورين على فرض أفضل ممارسات React، واكتشاف الأخطاء الشائعة، والحفاظ على نمط كود متناسق في مشاريع React. التثبيت مباشر عبر npm: npm install eslint eslint-plugin-react --save-dev. يعمل الملحق مع نظام .eslintrc القديم ونظام الإعداد المسطح الجديد eslint.config.js الذي تم تقديمه في ESLint v8.21.0. يُصدر الملحق عدة إعدادات قابلة للمشاركة: موصى به (يفرض ممارسات React الجيدة)، شامل (يتضمن كل قاعدة متاحة)، وjsx-runtime (لتحويل JSX الجديد في React 17+). تتوفر أيضًا متغيرات الإعداد المسطح كـ 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)، التحقق من الخصائص (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 في سطر الأوامر، وبعضها يوفر اقتراحات إصلاح يدوية عبر تكاملات المحرر. تتضمن قائمة القواعد قواعد مهجورة مميزة برمز صليب، ويحافظ الملحق على التوافق مع كل من ESLint v8 وv9.