पाठ 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 प्रदान करता है।