Lesson 25 / 27

Interview Questions & Cheat Sheet

Review core ESLint and Prettier concepts with a cheat sheet of commands and common interview questions.

Common interview questions

Why use ESLint? How do Prettier and ESLint differ? How to prevent conflicts? What's a custom rule? How to set up pre-commit hooks?

Quick reference

Essential commands and config snippets for quick lookup.

# 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

Remember the essentials

  1. ESLint finds errors, Prettier formats. 2. Use eslint-config-prettier to prevent conflicts. 3. Commit configs to git. 4. Use --fix and format on save. 5. Run in CI/CD.

Quick check

Quick check: Which config entry should come last so it can turn off formatting rules?

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

eslint-config-prettier — Prettier must be last in extends so it takes precedence and resolves any conflicts with ESLint's formatting rules.