Prettier

Prettier is an opinionated formatter that ends formatting debates in review. It integrates with editors, `npm run format`, pre-commit hooks, and CI `prettier --check`.

| Tool | Responsibility | |------|----------------| | Prettier | Whitespace, quotes, wrapping | | ESLint | Semantic correctness |

Use `eslint-config-prettier` to disable conflicting ESLint stylistic rules. Ignore generated artifacts (`dist/`, lockfiles, snapshots) via `.prettierignore`.

On interviews: formatter vs linter split, CI check versus write on commit, limited configuration philosophy, and monorepo shared config packages.

Common pitfalls: fighting Prettier with manual style comments; running format on huge generated diffs; ESLint stylistic rules duplicating Prettier.

The trade-off is consistency and review focus versus teams wanting fine-grained style control.

Checklist:

• Format on save locally.
• Check formatting in CI.
• Ignore generated outputs.
• Disable overlapping ESLint style rules.