Матрица компетенций: React
Hard skills
Skill Passport — Frontend
JS/TypeScriptПишет корректный код по готовой декомпозиции задачи. Знает базовый синтаксис ES6+ (let/const, стрелочные функции, деструктуризация, промисы), может объяснить разницу между `==` и `===`. В TypeScript расставляет базовые типы (string, number, interface) по примеру.
HTML/CSSВерстает семантическим HTML (header/nav/main/section вместо div на всё), собирает базовый layout на flexbox/grid по образцу макета.
State managementИспользует локальный state компонента по образцу, по подсказке в задаче отличает случай, когда состояние можно оставить локальным, от случая, когда его нужно поднять на уровень выше (lifting state up).
Производительность/оптимизацияМожет назвать, что измеряют метрики LCP/CLS/INP (Core Web Vitals) и что такое размер бандла. Оптимизирует по прямому указанию (например, добавляет `key` в списки, убирает случайно задублированный импорт библиотеки).
Тестирование (Jest/RTL)Пишет unit-тест на отдельную функцию/утилиту по готовому примеру, различает `toBe` и `toEqual`.
Сборщики (Webpack/Vite)Запускает и настраивает проект через готовый конфиг, различает dev- и prod-сборку, знает назначение файла `.env`.
Кроссбраузерность/адаптивностьПроверяет вёрстку в 2–3 основных браузерах (Chrome/Safari/Firefox) по чек-листу, использует медиа-запросы по образцу для базовой адаптивности (мобильный/десктоп breakpoint).
Accessibility (a11y)Использует семантические HTML-элементы вместо `div` с `onClick` для интерактивных элементов, добавляет `alt` для изображений по чек-листу задачи.
React (направление)Пишет функциональные компоненты с базовыми хуками (`useState`, `useEffect`) по готовой декомпозиции задачи. Может объяснить, что props передаются от родителя к дочернему компоненту, а сообщение наверх происходит через callback-пропсы.
Soft skills
Skill Passport — Автономность и глубина
Автономность и масштаб задачОписывает задачи, которые выполнял по чёткой постановке от старшего коллеги или тимлида — конкретные тикеты с готовой декомпозицией. Роль в рассказе — исполнитель отдельных задач; не называет случая, где сам отвечал за результат целой фичи или модуля, а не за один тикет внутри неё.
Глубина технических решенийОписывает ситуацию выбора, но воспроизводит готовое решение (предложенное старшим коллегой, документацией или очевидное по шаблону) — либо называет только один рассмотренный вариант без реального сравнения, либо не может объяснить, почему выбран именно он, а не альтернатива.
Типовые задачи
Это только часть типовых задач
Зарегистрируйтесь, чтобы открыть остальные и попробовать тренажёр с таймером.
Зарегистрироваться