Получить доступ

Линтеры и форматтеры

Основа с Junior

ESLint, Prettier, Stylelint и автоматическая проверка перед коммитом.

Линтер (ESLint, Biome) находит ошибки: неиспользуемые переменные, пропущенные зависимости хуков, недостижимый код, опасные конструкции. Форматтер (Prettier, Biome) расставляет отступы, кавычки и переносы — споры о стиле в ревью исчезают.

Что важно знать

  • Линтер и форматтер не должны спорить: форматирование отдают форматтеру, правила стиля в линтере выключают.
  • Плагины для React (react-hooks/exhaustive-deps), доступности (jsx-a11y), TypeScript (typescript-eslint).
  • Проверка до коммита (husky и lint-staged) и обязательно в CI — иначе правила постепенно перестают соблюдаться.
  • tsc --noEmit — проверка типов отдельным шагом: Vite и esbuild типы не проверяют.
  • Stylelint — то же для CSS.

Критерии освоения

Junior ≈ 3 ч

  • Настраивает ESLint и Prettier так, чтобы они не конфликтовали, и исправляет замечания

Практика. Настроить ESLint и Prettier в учебном проекте и исправить все замечания.

Middle ≈ 3 ч

  • Подключает проверку перед коммитом и в CI, включая отдельную проверку типов
  • Подбирает правила для React, доступности и TypeScript

Практика. Добавить lint-staged, проверку типов в CI и плагины react-hooks и jsx-a11y, исправить найденное.

Документация

← Вся карта «Frontend-разработчик»

Закрытая бета

Знать тему — половина дела

На живом собеседовании sotto слышит вопрос интервьюера и показывает короткий ответ и план. Оставьте контакт — пришлём доступ и промокод.

  • Промокод на 2 часа — сверх пробных 30 минут
  • Программа для Windows — скачать сразу, войти — через Яндекс ID или VK ID
  • Прямая связь с разработчиком: что улучшить — сделаем