# लोकप्रिय ESLint Plugins — ESLint और Prettier: Code Quality और Formatting

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

> Flat config से React, accessibility और imports के plugins के साथ ESLint बढ़ाएँ।

## Plugins क्या करते हैं

Plugins domain-specific rules जोड़ते हैं। eslint-plugin-react JSX की जांच करता है, eslint-plugin-vue Vue templates की जांच करता है। Framework-specific errors को पकड़ने के लिए उन्हें install और enable करें।

## React plugin का उपयोग करना

Flat config में eslint-plugin-react install और configure करें।

```bash
npm install --save-dev eslint-plugin-react

// eslint.config.js
import react from 'eslint-plugin-react';

export default [
  react.configs.flat.recommended,
  {
    files: ['**/*.{jsx,tsx}'],
    settings: { react: { version: 'detect' } },
    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 करता है?

- [ ] केवल JavaScript syntax errors।
- [x] React-specific कोड जैसे JSX और component patterns।
- [ ] Performance issues।
- [ ] केवल HTML templates

*Answer:* React-specific कोड जैसे JSX और component patterns।. eslint-plugin-react React-specific patterns, hooks, और best practices के लिए rules प्रदान करता है।