# लोकप्रिय ESLint Plugins — ESLint + Prettier

Source: https://www.geekswithgeeks.com/hi/eslint-prettier/eslint-prettier-07

> 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 करें।

```bash
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 जोड़ता है।

त्वरित जाँच

**Quiz:** eslint-plugin-react क्या check करता है?

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