Какие инструменты оптимизации и автоматизации используются в проекте кроме Linter и Prettierr

Ответ

В проектах часто используют:

  1. Bundlers (Webpack, Vite, Rollup) - для сборки и оптимизации кода (tree-shaking, code splitting)
  2. Babel - транспиляция современного JS для старых браузеров
  3. Husky + lint-staged - автоматический запуск линтера перед коммитом
  4. CI/CD (GitHub Actions, GitLab CI) - автоматизация тестов и деплоя
  5. Jest/Vitest + Testing Library - юнит и интеграционные тесты
  6. Cypress/Playwright - e2e тестирование
  7. Docker - контейнеризация для единого окружения
  8. Bundle Analyzer - анализ размера бандла
  9. Stylelint - линтинг CSS/SCSS
  10. Commitizen - стандартизация коммитов

Пример Husky в package.json:

"husky": {
  "hooks": {
    "pre-commit": "lint-staged"
  }
},
"lint-staged": {
  "*.{js,jsx,ts,tsx}": ["eslint --fix", "prettier --write"]
}