منصوبے کے بارے میں

eslint-plugin-react ESLint کے لیے React سے متعلق لِنٹنگ قواعد کا ایک مجموعہ ہے۔ یہ ڈویلپرز کو 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'] کے طور پر دستیاب ہیں۔ یہ کنفیگریشنز خود بخود parser options میں 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)، hooks (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 دونوں کے ساتھ مطابقت برقرار رکھتا ہے۔