लोकप्रिय ESLint Plugins

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

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

त्वरित जाँच

त्वरित जाँच: eslint-plugin-react क्या check करता है?

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