Как оцениваешь будущего кандидата?

Критерии оценки Frontend разработчика

При оценке кандидата я смотрю на несколько ключевых аспектов:

1. Технические навыки

Прежде всего интересуют:

• JavaScript/TypeScript: глубокое понимание асинхронности, замыканий, прототипов
• React: знание hooks, lifecycle, оптимизация производительности
• CSS/HTML: не просто использование Tailwind, а понимание box model, flexbox, grid
• Web API: fetch, DOM manipulation, браузерные API

// Проверяю понимание асинхронности
async function fetchUser(id) {
  try {
    const response = await fetch(`/api/users/${id}`);
    if (!response.ok) throw new Error("Failed to fetch");
    return await response.json();
  } catch (error) {
    console.error("Error:", error);
    throw error; // Пробрасываю ошибку дальше, не логирую дважды
  }
}

2. Понимание архитектуры и масштабируемости

Спрашиваю о:

• Структурировании больших проектов
• Кешировании данных и оптимизации запросов
• Как бы они организовали код при 100+ компонентах
• Понимание разницы между state, props, context

// Хороший подход к управлению состоянием
interface AppContextType {
  user: User | null;
  loading: boolean;
  setUser: (user: User | null) => void;
}

const AppContext = createContext<AppContextType | undefined>(undefined);

export function useAuth() {
  const context = useContext(AppContext);
  if (!context) throw new Error("useAuth must be used within AppProvider");
  return context;
}

3. Внимание к качеству кода

• Пишет ли код, который можно поддерживать?
• Есть ли unit тесты в портфолио?
• Как относится к типизации (любит ли TypeScript)?
• Знает ли SOLID принципы?

// Single Responsibility Principle
function Button({ onClick, children }) {
  return <button onClick={onClick}>{children}</button>;
}

// Open/Closed - расширяем через props, не меняем компонент
function PrimaryButton(props) {
  return <Button {...props} className="bg-blue-500 text-white" />;
}

4. Решение проблем и алгоритмическое мышление

Дам простую задачу (например, реализовать debounce или сделать infinite scroll) и смотрю:

• Как быстро понимает задачу
• Задаёт ли уточняющие вопросы
• Ищет ли оптимальное решение или первое рабочее

// Debounce - базовый уровень
function debounce(fn, delay) {
  let timeoutId;
  return function(...args) {
    clearTimeout(timeoutId);
    timeoutId = setTimeout(() => fn(...args), delay);
  };
}

// Кандидат должен понимать, как это использовать:
const handleSearch = debounce((query) => {
  fetchResults(query);
}, 300);

5. Коммуникация и мышление

• Хорошо ли объясняет свои решения?
• Готов ли слушать feedback?
• Спрашивает ли уточнения перед написанием кода?
• Как справляется с неопределённостью?

6. Опыт и портфолио

Смотрю на:

• GitHub репозитории (качество кода, история коммитов, README)
• Реальные проекты в портфолио
• Как кандидат описывает свой вклад (я или мы?)
• Есть ли примеры решения сложных проблем?

Красные флаги

• Не может объяснить, как работает closure или async/await
• Пишет весь код в одном файле, не думает о структуре
• Не знает разницу между prop drilling и context
• Полагается только на Stack Overflow, не пробует разобраться
• Нет примеров тестов в коде

Итоговая оценка

Оцениваю на основе матрицы:

1. Junior (0-1 года): базовые знания React, нужна поддержка
2. Middle (1-3 года): самостоятельно решает задачи, пишет чистый код
3. Senior (3+ года): архитектура, mentoring, решение сложных проблем

Финальное решение принимаю не только по техническим скиллам, но и по культуре, attitude и потенциалу роста.