पाठ 7 / 25
लोकप्रिय ESLint Plugins
React, Vue, TypeScript, और अन्य के लिए plugins के साथ ESLint को extend करें।
Plugins क्या करते हैं
Plugins domain-specific rules जोड़ते हैं। eslint-plugin-react JSX की जांच करता है, eslint-plugin-vue Vue templates की जांच करता है। Framework-specific errors को पकड़ने के लिए उन्हें install और enable करें।
React plugin का उपयोग करना
React परियोजनाओं के लिए eslint-plugin-react को install और configure करें।
npm install --save-dev eslint-plugin-react
# In .eslintrc.json:
{
"extends": ["eslint:recommended", "plugin:react/recommended"],
"plugins": ["react"],
"rules": { "react/prop-types": "warn" }
}
Output:
React plugin installed and configured
Plugin ecosystem
लोकप्रिय plugins में eslint-plugin-import (imports), eslint-plugin-jsx-a11y (accessibility), और eslint-plugin-node शामिल हैं। प्रत्येक अपने domain से relevant rules जोड़ता है।
त्वरित जाँच
त्वरित जाँच: eslint-plugin-react क्या check करता है?
- React-specific कोड जैसे JSX और component patterns।
- केवल JavaScript syntax errors।
- Performance issues।
Answer
React-specific कोड जैसे JSX और component patterns। — eslint-plugin-react React-specific patterns, hooks, और best practices के लिए rules प्रदान करता है।