SkillByAIइंटरैक्टिव संस्करण खोलें →

पाठ 25 / 27

Interview प्रश्न और Cheat Sheet

मुख्य ESLint और Prettier अवधारणाओं को commands की cheat sheet और आम interview प्रश्नों के साथ दोहराएँ।

सामान्य interview प्रश्न

ESLint को क्यों use करें? Prettier और ESLint में अंतर कैसे है? Conflicts को कैसे रोकें? Custom rule क्या है? Pre-commit hooks को कैसे set up करें?

Quick reference

Quick lookup के लिए essential commands और config snippets।

# Install
npm install --save-dev eslint @eslint/js prettier eslint-config-prettier

# Configure (creates eslint.config.js)
npm init @eslint/config@latest
echo '{ "singleQuote": true }' > .prettierrc

# Run
npx eslint .
npx prettier --check .

# Fix
npx eslint . --fix
npx prettier --write .

# Hooks (Husky v9)
npm install --save-dev husky lint-staged
npx husky init
echo "npx lint-staged" > .husky/pre-commit

Output:

Essential commands for ESLint and Prettier workflow

Essentials को याद रखें

  1. ESLint errors को find करता है, Prettier format करता है। 2. Conflicts को रोकने के लिए eslint-config-prettier का उपयोग करें। 3. Configs को git में commit करें। 4. --fix का उपयोग करें और save पर format करें। 5. CI/CD में चलाएँ।

त्वरित जाँच

त्वरित जाँच: कौन-सी config entry अंत में होनी चाहिए ताकि वह formatting rules बंद कर सके?

  • एक plugin
  • js.configs.recommended
  • eslint-config-prettier
  • ignores
Answer

eslint-config-prettier — Prettier को extends में आखिरी में होना चाहिए ताकि यह ESLint के formatting rules के साथ किसी भी conflict को resolve करे।